Joha-will / the-almost-final-countdown

This is a React time game where, you need to stop the timer once you estimate that the time is almost up.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The almost final countdown (ReactJS)

the-almost-final-countdown

This is a timer challenge game where, players must start and stop the timers before the specified amount of time runs out. This was a practice project I had to complete for the React course as part of my learning process. Building it was got a bit confusing at time managing all the time functions and passing props back and fought but it was enjoyable and fun to build. I learned a lot about using Components, State, Refs, Portals and more of React best practices and concepts.

What I learnt 📚

Refs and Portals

Advanced DOM Access and Value Management

Here are some of the things I learn during this section of my React journey:

  • Accessing DOM elements with Refs
  • Managing values with Refs
  • Exposing API functions from Components
  • Detaching DOM rendering from JSX structures with Portals

Technologies Used

  • React
  • JavaScript
  • HTML
  • CSS

How to run this project?

Follow these steps to run project in your local environment.

  • git clone this repository to your local machine.

  • Install required dependencies by running npm install in your project directory.

  • Then run the command npm run dev to start project.

About

This is a React time game where, you need to stop the timer once you estimate that the time is almost up.


Languages

Language:JavaScript 48.7%Language:CSS 44.2%Language:HTML 7.1%