https://github.com/owanturist/obstacle-maze

Obstacle Maze app
https://github.com/owanturist/obstacle-maze

maze react state-management typescript

Last synced: about 2 months ago
JSON representation

Obstacle Maze app

• Host: GitHub
• URL: https://github.com/owanturist/obstacle-maze
• Owner: owanturist
• License: mit
• Created: 2020-02-19T14:26:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-05T19:26:49.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T23:46:43.889Z (3 months ago)
• Topics: maze, react, state-management, typescript
• Language: TypeScript
• Homepage: https://obstacle-maze.surge.sh
• Size: 1.12 MB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Obstacle Maze | [Demo](https://obstacle-maze.surge.sh)

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.


Open [http://localhost:1234](http://localhost:1234) to view it in the browser.

The page will reload if you make edits.


You will also see any lint errors in the console.

### `npm run build`

Builds the app for production to the `dist` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.


### `npm test`

Launches the test runner in the interactive watch mode.


## Features

- Hold and draw for walls, gravel and clear

- Undo / Redo history traveling

- Save / Load from file

- Custom size of a maze

- Solver is looking for the most "straight" shortest path (with less turns)

- Hotkeys

- Press "4" key 4 times

- Uniq handmade icons design

## Generate random maze

Go to [maze generator](https://www.dcode.fr/maze-generator) and follow steps:

1. Set width

1. Set height

1. Choose "USE THIS CHARACTER FOR WALLS" and set `#`

1. Choose "USE THIS CHARACTER FOR PATHS" and set `.`

1. Choose "SINGLE CHARARACTER (MORE RECTANGULAR)"

1. Generate

1. Copy the generated maze and save it into a `.txt` file

**Note**: Check out the [`samples`](./samples) folder to get generated mazes.