Roll until all dice are the same.
Play the game here: https://helenchong.dev/Tenzies-Game/
Built with Vite + React.
Based on the Tenzies game tutorial from Scrimba's Learn React course. However, I have made enhancements to the code to improve the app, including:
- Putting real dots on the dice using CSS
- Using relative units in CSS
- Making the app responsive to different screen sizes
- Adding dice roll count
- Recording the number of dice rolls and the time it took to win
- Tracking the best records of dice rolls and time taken to win
- Improved accessibility: the entire game can be interacted with key presses, along with clear focus outlines
Recommended JavaScript runtime: Bun
- Clone this repository locally
git clone https://github.com/helenclx/Tenzies-Game.git
- Install dependencies
bun install
- Run the project
bun run dev
- Open http://localhost:5173/Tenzies-Game/ in your browser
- Font Awesome 6.5.1
- Google Fonts: Karla
- Nano ID
- React
- react-confetti
- Scrimba's Learn React course - tutorial to create this game
- Flaticon - for the dice vector image that is used as the page's favicon
- Creating dice using CSS grid ๐ฒ by Edwin (@ekeijl on DEV Community)
- Create a custom React stopwatch timer component by w3collective - The time tracker feature of the game is based on this tutorial