https://github.com/tasxatzial/tenzies-game
https://github.com/tasxatzial/tenzies-game
scrimba scrimba-react
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tasxatzial/tenzies-game
- Owner: tasxatzial
- License: mit
- Created: 2024-04-10T22:28:12.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-07T21:05:44.000Z (about 1 year ago)
- Last Synced: 2025-01-13T03:09:55.274Z (11 months ago)
- Topics: scrimba, scrimba-react
- Language: JavaScript
- Homepage: https://tasxatzial.github.io/tenzies-game/
- Size: 660 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tenzies game
A game with a very simple purpose: Roll and match all ten dice to the same number as quickly as possible.
This is a project from the React basics module of the [Frontend Career Path](https://scrimba.com/learn/frontend) course on [Scrimba](https://scrimba.com).
[Live version](https://tasxatzial.github.io/tenzies-game/)
## Implementation
I've written the app from the ground up, so it has very few things in common with the course implementation. I've also added many extra things and improved upon others. Here's a non-exhaustive list of the changes:
* App is responsive.
* User can start a new game, or stop a game that is already in progress.
* Dice are represented by dots rather than just numbers.
* A message is displayed when the game is won.
* A timer has been added.
* The best time is both displayed and stored in localStorage, ensuring it persists even when the page is reloaded.
* A countdown from 3, 2, 1 has been added at the start of each game.
* The instructions clearly state how to win the game.
* A custom hook is used to make Confetti properly respond to window resize events.
## Dependencies
This is a basic React project created with Vite. The following dependencies will be installed via `npm install`:
* [react-confetti](https://www.npmjs.com/package/react-confetti)
## Run locally
Run the development version:
```bash
npm run dev
```
Build the project:
```bash
npm run build
```
Build & serve the production version:
```bash
npm run serve
```
## Screenshots
See [screenshots](screenshots/).
For comparison purposes, an extra screenshot is included that shows the original Scrimba implementation.