Mini-Project-Stopwatch-Assignment-1

Read these instructions carefully to understand the requirements and functionalities for this project.

We will be Creating a Stopwatch using React for this Assignment.

Functionalities:

Below Functionalities should be implemented in your Project:

A text element to show count down timer in ( 00:00:00 ) → HH:MM:SS format.
On Start button click, the timer will start.
On Reset button click the timer will reset to 00:00:00.
On Pause button click the timer will be paused.

Task 1: Project Set Up

Clone this repo by using use template option with name of repo as Mini-Project-Stopwatch-Assignment.
Clone your created repo and work on it to push your code.
Use githubbox.com instead of github.com in your repository path, to create a synced codesandbox(always in sync with code in your repo). Read more here

Task 2: Project Requirements

Create a Component for timer with initial value for timer as 00:00:00. Feel free to customise styles for it (Can be a simple span or p tag to display timer as well).
Create 3 buttons i.e Start, Pause and Reset.
Attach event handler to these 3 buttons.
After attaching the event handler on buttons, first, check using a console.log statement that the buttons are working fine.
Implement functionality for Start Button.
Implement functionality for Pause Button.
Implement functionality for reset Button.

NOTE: Use of class component is strictly not allowed.

Task 3

Submit the code repo link.

Deadline - Saturday, 12PM ( DAY 4)