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.
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
- React
- JavaScript
- HTML
- CSS
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.