Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/windate3411/puzzles-for-kids
Simple repo for kids to play with some puzzles
https://github.com/windate3411/puzzles-for-kids
Last synced: 8 days ago
JSON representation
Simple repo for kids to play with some puzzles
- Host: GitHub
- URL: https://github.com/windate3411/puzzles-for-kids
- Owner: windate3411
- Created: 2024-10-15T13:28:41.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-01T04:26:05.000Z (14 days ago)
- Last Synced: 2024-11-01T05:21:06.372Z (14 days ago)
- Language: TypeScript
- Size: 726 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fun Maze Puzzles for Kids
Fun Maze Puzzles for Kids is an interactive web-based maze game developed by Danny Wang. This project serves as a practice for utilizing AI-powered development tools such as Cursor, V0, and Claude.
## Features
- Randomly generated mazes with customizable sizes (10x10, 15x15, 20x20)
- Interactive player character (fox) controlled by arrow keys
- Multiple difficulty levels based on maze size
- Auto-solve functionality to demonstrate the solution
- Ability to download the generated maze as an image
- Responsive design for various screen sizes
- Visual feedback for successful maze completion
- Option to generate new mazes at any time
- Clean, kid-friendly user interface
## Technologies Used
- React
- TypeScript
- Vite
- Tailwind CSS
- shadcn/ui
- AI-assisted development tools:
- Cursor
- V0
- Claude
## Installation and Setup
1. Clone the repository:
```
git clone https://github.com/your-username/fun-puzzles-for-kids.git
```
2. Navigate to the project directory:
```
cd fun-puzzles-for-kids
```
3. Install dependencies:
```
npm install
```
4. Start the development server:
```
npm run dev
```
5. Open your browser and visit the local address provided by Vite (typically `http://localhost:5173`) to play the game.
## Building for Production
To create a production build, run:
```
npm run build
```
## Contributing
We welcome contributions to this project! If you have any suggestions or improvements, please open an issue or submit a pull request.
## Author
Danny Wang
## Acknowledgements
- This project was developed as a practice exercise for using AI-assisted development tools.