Skip to content

sandygudie/Pomodoro-Timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pomodoro-Timer

A pomodoro timer with control settings.

image

This is a solution to the tasks 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 devon 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.