https://github.com/pranaydwivedi444/timer_counter
STOP WATCH
https://github.com/pranaydwivedi444/timer_counter
api css html javscript quotes-generator stopwatch
Last synced: 2 months ago
JSON representation
STOP WATCH
- Host: GitHub
- URL: https://github.com/pranaydwivedi444/timer_counter
- Owner: pranaydwivedi444
- Created: 2023-02-22T16:56:37.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-06T05:56:05.000Z (over 2 years ago)
- Last Synced: 2025-03-26T02:42:33.769Z (7 months ago)
- Topics: api, css, html, javscript, quotes-generator, stopwatch
- Language: JavaScript
- Homepage: https://pranaydwivedi444.github.io/timer_counter
- Size: 17.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Stopwatch
A simple JavaScript stopwatch . The stopwatch allows you to start, pause, resume, and reset the timer, as well as record laps. The quotes generator displays random quotes at the top of the page.
Live Link - https://pranaydwivedi444.github.io/timer_counter
## Features
- Start the stopwatch timer.
- Stop the stopwatch timer.
- Reset the stopwatch timer.
- Record lap times while the stopwatch is running.
- View the lap times in a separate list.
- Clear the lap times list using the reset button.
- Lap times are stored in the browser's local storage.
- Quotes generator with random quotes
- Responsive design
## Tech Stack
**Client:** HTML
CSS
JavaScript
## Run Locally
Clone the project
```bash
git clone https://github.com/your-username/stopwatch-quotes.git
```
Go to the project directory
```bash
cd my-project
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run start
```
Usage
- Click the "Start" button to start the stopwatch
- Click the "Pause" button to pause the stopwatch
- Click the "Resume" button to resume the stopwatch
- Click the "Reset" button to reset the stopwatch
- Click the "Lap" button to record a lap
- Click the "Clear Laps" button to clear all recorded laps
- Random quotes will appear at the top of the page
## Acknowledgements
- The quotes generator is based on Quotable API by Luke Peavey.