https://github.com/sandygudie/pomodoro-timer
A pomodoro timer with control settings
https://github.com/sandygudie/pomodoro-timer
animate-css eslint html prettier scss vanilla-javascript webpack
Last synced: 3 months ago
JSON representation
A pomodoro timer with control settings
- Host: GitHub
- URL: https://github.com/sandygudie/pomodoro-timer
- Owner: sandygudie
- Created: 2022-09-01T19:25:45.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-10-04T13:01:48.000Z (over 2 years ago)
- Last Synced: 2025-04-02T19:13:13.460Z (about 1 year ago)
- Topics: animate-css, eslint, html, prettier, scss, vanilla-javascript, webpack
- Language: JavaScript
- Homepage: https://pomodoro-stopwatch.netlify.app/
- Size: 233 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pomodoro-Timer
A pomodoro timer with control settings.
### Link: https://pomodoro-stopwatch.netlify.app/
### This is a solution to the [tasks](https://www.frontendmentor.io/challenges/pomodoro-app-KBFnycJ6G) on Frontend Mentor.
### Challenge Summary
Your users should be able to:
Set a Pomodoro timer and short & long break timers
Customize how long each timer runs for
See a circular progress bar that updates every minute and represents how far through their timer they are.
Customize the appearance of the app with the ability to set preferences for colors and fonts.
### Technologies / Tools used
- HTML
- SCSS
- WebPack
- Vanilla JS
- Local Storage
- Animate CSS
- Eslint
- Prettier
### Run Application
- Clone the respository.
- Run `yarn install` on terminal to install packages.
- Run `yarn run dev`on terminal to run in development mode.
### Experience
Handling the states for this application was challenging and a learning curve for me, it would have been easier with React, but i am glad i learnt this way.