https://github.com/devxprite/simple-react-stopwatch
simple stopwatch application built using React
https://github.com/devxprite/simple-react-stopwatch
react sass stopwatch
Last synced: 3 months ago
JSON representation
simple stopwatch application built using React
- Host: GitHub
- URL: https://github.com/devxprite/simple-react-stopwatch
- Owner: devxprite
- Created: 2023-04-05T15:52:40.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-16T01:28:43.000Z (about 2 years ago)
- Last Synced: 2025-01-18T17:42:56.720Z (5 months ago)
- Topics: react, sass, stopwatch
- Language: SCSS
- Homepage: https://simple-react-stopwatch.vercel.app
- Size: 25.4 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple React Stopwatch
## Demo: [https://simple-react-stopwatch.vercel.app/](https://simple-react-stopwatch.vercel.app/)
This is a simple stopwatch application built using React. It allows you to start, stop, and reset the timer, and displays the elapsed time in hours, minutes, seconds and milliseconds.
## Features
- Start the stopwatch to begin measuring time.
- Stop the stopwatch to pause the timer.
- Reset the stopwatch to zero and start again.
## Getting Started
To run this application locally, please follow these steps:
- Clone this repository to your local machine.
```bash
git clone https://github.com/devxpite/simple-react-stopwatch.git
```
- Navigate to the project directory.
```bash
cd simple-react-stopwatch
```
- Install the dependencies.
```bash
npm install
```
- Run the application.
```bash
npm run dev
```
5. Open your browser and visit http://localhost:5173 to see the application running.
## Usage
Once the application is running, you will see a stopwatch interface.
- Click the **Start** button to begin the stopwatch. The elapsed time will start increasing.
- Click the **Stop** button to pause the stopwatch. The elapsed time will stop increasing.
- Click the **Reset** button to reset the stopwatch to zero. The elapsed time will be set back to zero.