https://github.com/nhope123/pomodoro
Pomodoro Clock
https://github.com/nhope123/pomodoro
class-component css-grid css3 html5 javascript react
Last synced: about 2 months ago
JSON representation
Pomodoro Clock
- Host: GitHub
- URL: https://github.com/nhope123/pomodoro
- Owner: nhope123
- License: gpl-3.0
- Created: 2020-09-09T02:45:15.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-01-25T20:48:45.000Z (over 1 year ago)
- Last Synced: 2025-02-06T04:07:25.501Z (over 1 year ago)
- Topics: class-component, css-grid, css3, html5, javascript, react
- Language: JavaScript
- Homepage: https://nhope123.github.io/pomodoro/
- Size: 2.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rebel Pomodoro
Web base countdown timer.
## Functions
### Operational functions include:
+ Setting break intervals
+ Setting session intervals
+ Counting down break and session iterations
+ Start and pause timer
+ Clear and reset timer
## Display
The display component is located in the central unit of the timer. It
contains the the break and session length values, which are update from
the set increase and dercrease components. The countdown timer value is
updated and displayed at the center of the display component. The timer
value is display in a mm:ss format. There is also the session length
label, the break length label and the timer interval label within the display.
## Funtionality
+ The Rebel Pomodoro can be operated by the click of the Mouse or by the Tab button.
+ Break length is increased by clicking the left up arrow ⮝.
+ Break length is decreased by clicking the left down arrow ⮟.
+ Session length is increased by clicking the right up arrow ⮝.
+ Session length is decreased by clicking the right down arrow ⮟.
+ Press play button ▶️ to start the timer.
+ Press pause button ⏸️ to stop or pause the timer.
+ Press the reset button 🔄 to reset / initialize the timer values.
+ Maximum length for break and session is 60 minutes.
+ Minimum length for break and session is 1 minute.
+ An alarm is sounded when the timer reaches 00:00 for each iteration.
## Implementation
The following languages, framework and libraries were used in the creation:
+ Html5
+ Css3
+ Grid box (for layout and responsiveness)
+ JavaScript ES6
+ React
+ [create-react-app](https://github.com/facebook/create-react-app)
## Screenshot
## Credit
+ created by [Nial Hope](https://github.com/nhope123)
+ [Portfolio](https://nhope123.github.io/)
## Acknowledgement
+ Thanks to [Freecodecamp.org](https://www.freecodecamp.org/) for the project idea.
+ Thanks to [orangefreesounds](http://www.orangefreesounds.com/) for the sample track.
## License
+ Calculator is an open source software licensed as [GNU General Public License v3.0](LICENSE)
+ The sound effect is licensed under [Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)](./public/Read.txt)