Published July 3, 2025
| Version v1
Journal article
Open
Maze Solver: A React-Based Pathfinding Visualization using BFS and DFS
Authors/Creators
Description
This paper presents the development of an interactive web-based Maze Solver that demonstrates how Breadth-First Search (BFS) and Depth-First Search (DFS) algorithms explore and solve a maze in real time. Developed using ReactJS, JavaScript, and Tailwind CSS, the system allows users to build custom mazes and watch how different algorithms navigate the grid. The Maze Solver enhances algorithm comprehension by enabling visual experimentation and learning through step-by-step ani.
Files
Maze Solver A React-Based Pathfinding Visualization using BFS and DFS.pdf
Additional details
References
- 1. Mozilla Developer Network. (n.d.). JavaScript. https://developer.mozilla.org/en-US/docs/Web/JavaScript
- 2. React. (n.d.). A JavaScript library for building user interfaces. https://reactjs.org
- 3. Tailwind CSS. (n.d.). A utility-first CSS framework. https://tailwindcss.com
- 4. Trekhleb, A. (n.d.). JavaScript algorithms. GitHub. https://github.com/trekhleb/javascript-algorithms
- 5. VisuAlgo. (n.d.). BFS and DFS algorithm visualization. https://visualgo.net/en
- 6. W3Schools. (n.d.). HTML5 and CSS3 tutorial. https://www.w3schools.com