Countdown Timer App

A simple and customizable countdown timer app built with React and styled using SCSS. The app allows users to set a countdown time, start, stop, reset, and edit the countdown duration.

Features

• Set countdown time in minutes and seconds.
• Start, stop, and reset the countdown.
• Edit the countdown time during runtime.
• Attractive styling using SCSS and Material-UI icons.

Live Demo

Visit the Countdown Timer App live demo.

Installation

1. Clone the repository:

git clone https://github.com/Rajkumar-Khatua/countdown-timer.git
cd countdown-timer

2. Install the dependencies:

npm install

3. Start the development server:

npm start

4. Open http://localhost:3000 to view it in the browser.

Usage

Setting the countdown time

• Click on the Edit button to set the countdown time.
• Enter the countdown time in minutes and seconds.
• Click on the Set button to set the countdown time.

Starting the countdown

• Click on the Start button to start the countdown.

Stopping the countdown

• Click on the Stop button to stop the countdown.

Resetting the countdown

• Click on the Reset button to reset the countdown.

Editing the countdown time

• Click on the Edit button to edit the countdown time.
• Enter the countdown time in minutes and seconds.
• Click on the Set button to set the countdown time.

Technologies Used

• React
• SCSS
• Material-UI icons

Acknowledgements

• React
• Material-UI
• React Icons
• Scss