https://github.com/taurusilver7/pomodoro-timer
A react powered pomodoro-timer with custom countdown feature.
https://github.com/taurusilver7/pomodoro-timer
Last synced: over 1 year ago
JSON representation
A react powered pomodoro-timer with custom countdown feature.
- Host: GitHub
- URL: https://github.com/taurusilver7/pomodoro-timer
- Owner: taurusilver7
- Created: 2022-10-29T10:37:11.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-29T10:37:42.000Z (over 3 years ago)
- Last Synced: 2025-02-02T12:35:53.272Z (over 1 year ago)
- Language: JavaScript
- Size: 305 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pomodoro Timer
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
```bash
npx create-react-app
# or
npm run start
```
## Build
Refactor the starter template.
Create a Timer component and import [react-circular-progressbar](https://www.npmjs.com/package/react-circular-progressbar) dependency.
Create component buttons to add into the UI.
Set the Timer component to note down the state changes and update new states to the context.
Add styles to the `App.css` and slider styles into the `slider.css`.