https://github.com/mohhasan1/algo-maze

Play with mazes and watch BFS and DFS in action! Drag nodes, customize grids, and explore algorithms in a fun way. Works on desktop and iPad (phones coming soon!). More features on the way! 🎉
https://github.com/mohhasan1/algo-maze

html-css-javascript maze maze-algorithms maze-creation maze-explorer maze-game maze-generator maze-solver react zus

Last synced: 3 months ago
JSON representation

Play with mazes and watch BFS and DFS in action! Drag nodes, customize grids, and explore algorithms in a fun way. Works on desktop and iPad (phones coming soon!). More features on the way! 🎉

• Host: GitHub
• URL: https://github.com/mohhasan1/algo-maze
• Owner: MohHasan1
• License: mit
• Created: 2024-08-06T20:28:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-05T05:12:47.000Z (4 months ago)
• Last Synced: 2025-08-12T00:04:37.545Z (3 months ago)
• Topics: html-css-javascript, maze, maze-algorithms, maze-creation, maze-explorer, maze-game, maze-generator, maze-solver, react, zus
• Language: TypeScript
• Homepage: https://algo-lab.netlify.app/
• Size: 999 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Algo-Maze: Maze Visualization Tool

## [**Jump straight to the website and explore!**](https://algo-mazes.netlify.app)

![Maze Visualization Preview](https://algo-mazes.netlify.app/intro.png)

## Overview

The Maze Visualization Tool is an interactive web application that allows users to create, explore, and visualize various pathfinding algorithms on dynamically generated mazes. This tool is designed to be educational, providing insights into how different algorithms work in finding the shortest path through a maze.

## Features

- **Maze Generation**: Generate mazes using different algorithms.

- **Start/Goal Node Interaction**: Easily change the start or goal node by clicking or dragging nodes.

- **Algorithm Visualization**: Visualize popular algorithms like BFS, and DFS

- **Responsive Design**: Optimized for use on both desktop and Ipad devices (not supported on phone -- yet).

- **Customizable Grid**: Adjust the grid size and maze complexity to explore various scenarios.

### Interacting with the Maze

- **Change Start/Goal Nodes**: Click on the start or goal node, then click on the desired location to swap it. You can also drag the start or goal node to a new position.

- **Algorithm Selection**: Choose an algorithm from the dropdown menu and watch it in action as it finds the shortest path in the maze.

### Supported Algorithms

- **Breadth-First Search (BFS)**

- **Depth-First Search (DFS)**

- *More will be added soon*

You can explore the website by clicking [here](https://algo-lab.netlify.app).

---

_This project is continuously evolving. Stay tuned for more features and improvements!_