https://github.com/giuseppesciacca/vite-react-tenzies

https://github.com/giuseppesciacca/vite-react-tenzies

bootstrap reactjs sass vite

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/giuseppesciacca/vite-react-tenzies
• Owner: giuseppesciacca
• Created: 2023-09-07T15:23:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-08T22:20:11.000Z (over 1 year ago)
• Last Synced: 2023-09-09T00:27:51.228Z (over 1 year ago)
• Topics: bootstrap, reactjs, sass, vite
• Language: JavaScript
• Homepage: https://giuseppesciacca-vite-react-tenzies.netlify.app/
• Size: 43.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Vite + Bootstrap + Scss

## Tenzies game

### "Roll until all dice are the same. Click each die to freeze it at its current value between rolls"



Simple game I made to pratice with React. 

I also used external libraries such as useWindowSize, Confetti, nanoid.

The game consists of holding each die with the same number, rolling the dice and trying to hold all the equal dice! When the game is finished the result will be saved in the browser's localStorage and will be shown on the page.

Try to beat yourself!

- Division of the page into components;

- Passing props to a component;

- Rendering components from an array using JavaScript's map().

- Responding to Events;

- useState;

- useEffect;

- Rendering different JSX depending on a condition (Conditional Rendering);