https://github.com/codestrate/tenziesgame

A react version of the Tenzies Game, Made with ♥ by me!
https://github.com/codestrate/tenziesgame

react reactjs tenzies tenzies-game tenzies-react

Last synced: 8 days ago
JSON representation

A react version of the Tenzies Game, Made with ♥ by me!

• Host: GitHub
• URL: https://github.com/codestrate/tenziesgame
• Owner: CodeStrate
• Created: 2023-07-11T13:31:03.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-25T13:01:14.000Z (over 1 year ago)
• Last Synced: 2025-03-02T07:25:43.067Z (about 1 year ago)
• Topics: react, reactjs, tenzies, tenzies-game, tenzies-react
• Language: JavaScript
• Homepage:
• Size: 133 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# The Tenzies Game

### From Scrimba Learn React - Week 4

A Tenzies Game in React + Vite. The game features a Dice style toggle from numbers to dots, a score tracker, and Confetti celebration.

#### Deployed at : https://codestrate-tenzies.netlify.app/

## Features!

1. Dice style toggle from numbers to dots: The button allows players to toggle the dice from numbers to dots.

   This is a fun way to add a bit of randomness to the game.

![image](https://github.com/CodeStrate/TenziesGame/assets/56911705/f288586f-847e-4978-8190-e7b41ad6e66a)

![image](https://github.com/CodeStrate/TenziesGame/assets/56911705/29270871-4751-4e88-9de4-f946a9c7c9ca)

2. Score tracker: The game keeps track of the player's score. This allows players to compete against each other or try to beat their own high score.

3. Confetti celebration: When a player wins the game, confetti is displayed. This is a fun way to celebrate the player's victory.

![image](https://github.com/CodeStrate/TenziesGame/assets/56911705/158bc467-11ef-4039-bede-307af29f3781)

4. Timer: See how fast you finished the game! Dynamic Timer.

5. Themes : An option for Light or Dark Mode in the game.

6. Responsiveness : Scales well on almost all devices. (Almost...)

![Screenshot 2023-07-13 190357](https://github.com/CodeStrate/Tenzies-Deployment/assets/56911705/443fe8cd-4d81-4771-90b4-1df68ec7303d) ![Screenshot 2023-07-13 185110](https://github.com/CodeStrate/Tenzies-Deployment/assets/56911705/14b7b038-6f10-45b7-b5fc-8d4deda9a81b)

# How to run the game

To run the game, you will need to have Node.js and NPM installed. Once you have Node.js and NPM installed, you can run the following commands:

`npm install`

`npm run dev`

or

`yarn`

`yarn dev`

This will start the development server and the game will be available at http://localhost:5173.

# • To-do

1) ~~Add scoring data in the back.~~ (Kind of added best score and time per session in local storage (clearable))

2) ~~Add a timer.~~

3) Maybe more modes??

# Contributing

If you would like to contribute to this project, please feel free to fork the repository and submit a pull request.