In this game, the user can freeze the dice by clicking the ones that have the same values, and roll the remaining until all the dice show the same face. The goal of this app is to practice the core features of React, such as useState and useEffect hooks, conditional rendering, local storage, etc; as well as CSS Grid, used to style the pips of the dice.
- Create React App
- Components
- State / useState Hook
- Side Effects / useEffect Hook
- Conditional Rendering
- Local Storage
- External packages: nanoid
- Javascript Array iteration methods: for loop, map, every
- CSS Grid display
- CSS module stylesheet
This project was bootstrapped with Create React App.
Go to the Terminal, choose a directory where you wish to clone the repository and run:
git clone git@github.com:Francisco-Webdeveloper/tenzies-game.gitStart the project with the Terminal
npm startA new window will pop up at localhost:3000.
The page is online and can be visited 👉 https://francisco-webdeveloper.github.io/tenzies-game/