https://github.com/spaghetoz/maze-visualizer

Web-based maze generator and solver
https://github.com/spaghetoz/maze-visualizer

bootstrap5 js maze-algorithms maze-generator maze-solver p5js pathfinding

Last synced: about 1 year ago
JSON representation

Web-based maze generator and solver

• Host: GitHub
• URL: https://github.com/spaghetoz/maze-visualizer
• Owner: Spaghetoz
• Created: 2025-04-01T15:32:29.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-20T11:15:34.000Z (about 1 year ago)
• Last Synced: 2025-04-27T09:59:50.328Z (about 1 year ago)
• Topics: bootstrap5, js, maze-algorithms, maze-generator, maze-solver, p5js, pathfinding
• Language: JavaScript
• Homepage: https://spaghetoz.github.io/maze-visualizer/
• Size: 45.9 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚩Maze visualizer

![JavaScript](https://img.shields.io/badge/Made%20with-JavaScript-F7DF1E?logo=javascript&logoColor=yellow)

![Last Commit](https://img.shields.io/github/last-commit/spaghetoz/maze-visualizer)

An interactive web-based maze visualizer made with HTML, CSS and JS.

This app showcases a practical use of graph theory algorithms such as **BFS**, **A***, and **Kruskal's algorithm**.

🧪 Try it out here : **https://spaghetoz.github.io/maze-visualizer/**




## ✅ Features 

- 🧱 Realtime obstacles placement

- 🔎 Visualization step-by-step

## 🕹 How to use it

- Left click on grid to place the walls (obstacles)

- Right click to delete them

- R key to reset the grid

- P key to pause/resume the solver

## 📦 Libraries

- P5JS

- Bootstrap