https://github.com/pawantech12/sokoban-game-using-reactjs
A classic Sokoban puzzle game built with ReactJS, Vite, and TailwindCSS. Featuring arrow button controls, step counter, level display, reload, undo, and back buttons, this game offers a smooth and responsive experience.
https://github.com/pawantech12/sokoban-game-using-reactjs
game game-development html-css-javascript reactjs sokoban sokoban-game tailwindcss
Last synced: 7 months ago
JSON representation
A classic Sokoban puzzle game built with ReactJS, Vite, and TailwindCSS. Featuring arrow button controls, step counter, level display, reload, undo, and back buttons, this game offers a smooth and responsive experience.
- Host: GitHub
- URL: https://github.com/pawantech12/sokoban-game-using-reactjs
- Owner: pawantech12
- Created: 2024-06-02T03:56:05.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-26T10:58:30.000Z (about 1 year ago)
- Last Synced: 2025-01-22T17:30:27.364Z (9 months ago)
- Topics: game, game-development, html-css-javascript, reactjs, sokoban, sokoban-game, tailwindcss
- Language: JavaScript
- Homepage: https://sokoban-game-using-reactjs.vercel.app
- Size: 88.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sokoban Game 🧩
Welcome to the Sokoban Game! This is a puzzle game where you push boxes to their target locations. The game is developed using ReactJS, Vite, and TailwindCSS, providing a smooth and engaging experience. Challenge yourself by completing different levels with the fewest steps possible!
## Features
- 🎮 **Arrow Button Controls:** Easily move the player using arrow buttons.
- 📊 **Step Counter:** Track your moves with a real-time step counter.
- 🔢 **Level Number Display:** Know which level you’re currently on.
- ♻️ **Reload Button:** Restart the current level at any time.
- ↩️ **Undo Button:** Undo your last move to correct mistakes.
- 🔙 **Back Button:** Go back to the level selection screen.
## Tech Stack
- **ReactJS:** For building the interactive user interface.
- **Vite:** For a fast and optimized development experience.
- **TailwindCSS:** For styling the application with utility-first CSS.
## Installation
To run this project locally, follow these steps:
#### 1. Clone the Repository:
```bash
git clone https://github.com/pawantech12/sokoban-game-using-reactjs.git
```
#### 2. Navigate to Directory:
```bash
cd sokoban-game-using-reactjs-master
```
#### 3. Install Dependencies:
```bash
npm install or npm i
(or `yarn install` if you prefer Yarn)
```
#### 4. Start the development server:
```bash
npm run dev (or `yarn dev`)
```
This will usually start the server on http://localhost:5173 by default.
## Contributing
Contributions are welcome! Feel free to fork this repository, open issues, and submit pull requests.
## License
This project does not have a license and is free to use. You can modify, distribute, and use it for any purpose without restriction.
Enjoy the game and happy coding! 🎉