francisco-webdeveloper/tenzies-game

Dice game built with React.js

Dice game built with React

Background & Objectives

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.

Features

• 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

Technologies

This project was bootstrapped with Create React App.

Specs

Cloning

Go to the Terminal, choose a directory where you wish to clone the repository and run:

git clone [email protected]:Francisco-Webdeveloper/tenzies-game.git

Local Server

Start the project with the Terminal

npm start

A new window will pop up at localhost:3000.

Other information

The page is online and can be visited 👉 https://francisco-webdeveloper.github.io/tenzies-game/