Skip to content

Latest commit

 

History

History
40 lines (31 loc) · 1.36 KB

README.md

File metadata and controls

40 lines (31 loc) · 1.36 KB
Raw

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.

Screenshot 2022-04-06 at 11 31 54

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 git@github.com: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/