mohammadnedaei/snakes-ladders-react

🐍🪜Snakes and Ladders game created with React and TypeScript with interctive animations.

🐍🪜 · Snakes Ladders React ·

🔎 Overview

Snakes and Ladders is a simple game created with React and Typescript. Feel free to play it up to 5-player match. It also includes BOT player to increase interaction.

This game looks like this:

Screenshots may change in the future because of UI/UX changes.

🎮 Gmaeplay:

video.mp4

👑 Winning:

video2.mp4

🚀 Usage

Run this commands in respectively in your terminal.

 git clone https://github.com/mohammadnedaei/Snakes-Ladders-React.git

 cd Snakes-Ladders-React

 npm i --legacy-peer-deps

 npm run dev

npm start Runs the app in the development mode. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes. You may also see any lint errors in the console.

🧰 Libraries and Tools

❌ Responsive Design & Mobile Friendly
✅ PWA (3/7)
✅ Lighthouse

• Performance (%94)
• Lighthouse Accessibility (%100)
• Lighthouse Best Practices (%92)
• Lighthouse SEO (%78)

✅ Tailwind UI
✅ Material UI

• Material icons

✅ React Router
✅ Github Pages
✅ React Dice Roll
✅ Smooth Animations

🔧 Contributing

Feel free to fork this repo and make pull requests. You can learn more about React here

🎯 TODO

🚧 Add load game
🚧 Code factor & code quality tools improvements
🚧 Include rating API (use in locations page and details)
🚧 Add a Loader for turnings
🚧 Add install button in settings for PWA desktop
🚧 Service Worker for push notifications
🚧 Service Worker for Cache
🚧 Service Worker for online gaming 🚧 Responsiveness

💚 Support

✍🏻 Author

 Mohammad Nedaei

📞 Contact

Discord: Mohammad81#3277

Linkedin

©️ License

Snakes & Ladders is MIT licensed.