Giter VIP home page Giter VIP logo

visual-maze-solver's Introduction

Visual maze solver

A maze solving visualizer, using the BFS algorithm.

GIF Preview

Settings

In the constants file, you can find two settings,

  • DEFAULT_SIZE which the default size of the matrix
  • MAX_SIZE which is the max size the app can accept
  • DELAY which is the delay time in milliseconds

You can also change the grid color scheme.

// src/constants.ts

export const DEFAULT_SIZE = 10
export const MAX_SIZE = 50
export const DELAY = 0

export const TARGET_LOCATION_COLOR = "#0080ff"
export const PATH_COLOR = "#ef4444"
export const VISITED_CELL_COLOR = "#fde047"

Future plans

I'm always open to new contributions and ideas for implementing new features. If you have a cool idea for a new feature or algorithm that you'd like to see added to the app, please let me know. I'd love to hear from you and work together to make this app even more awesome.

  • Add a maze generation algorithm
  • Replace select box with radio box
  • Use walls instead of blocks to improve performance

visual-maze-solver's People

Contributors

hasssanezzz avatar massoudsalem avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

visual-maze-solver's Issues

Optimizing Memory Usage for Rendering a High Number of Blocks

As the number of blocks increases, the memory consumption during rendering also increases substantially. To address this issue, I would recommend implementing memory optimization techniques, such as the flyweight design pattern.

I have already implemented a similar solution using the flyweight pattern in my repo, which you can check it out. Additionally, I highly recommend checking out patterns.dev for more information on the flyweight pattern and its benefits.

By implementing memory optimization techniques like the flyweight pattern, we can significantly reduce memory usage while maintaining the same level of functionality. I hope this suggestion helps to improve the performance and efficiency of your project.

Thank you for considering my recommendation, and have a great day!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.