to-do.md

React Maze

Doing / Done

• Simple static page
• Algorithm to generate random perfect mazes
• Button to call algorithm and display colored maze
• Set player and end positions
• Enable player movement
• Show win modal
• Put maze in a frame and resize it
• Timer since start
• Display final timer in the modal
• Create a "Restart same maze" button
• Button to surrender and show solution
• Algorithm to find the solution
• Refact code, separating in files and components
• Fix the Cumulative Layout Shift caused by the validation msg
• Add random start and end positions
• Add animations
  • Show start of the maze (maybe display "21x21 Maze")
  • Word "Restarted" when clicked the restart button
  • Win animations
• Custom shapes of the player and the end
• Improve the visual of the page
  • Add menu bar
  • Add footer
  • Add home page
  • Customize buttons
  • Customize texts

To do

• Dark/light mode
• Use the maze code in the lib folder as an API

Backlog

• Loading circle (is necessary?)
• Localization (add other languages)
• Optimize performance in large maze (?)
• Add responsiveness
  • Put button on the sides in desktop
  • Fix Win Animation positions
  • Don't scroll up/down if maze fit the screen
  • Add buttons on screen to play on mobile