Skip to content

A minimal pomodoro timer created using HTML, CSS / SCSS and JavaScript

Notifications You must be signed in to change notification settings

r69shabh/pomodoro-timer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pomodoro-timer

A minimal pomodoro timer created using HTML, CSS / SCSS and JavaScript

Screenshots

Pomodoro app before use

Pomodoro app in use

Pomodoro app in use

Features

  • Choose between pomodoro, short break and long break modes
  • From selected mode, countdown until 0
  • Show timer progress in tab title
  • Play sound when timer finishes
  • Helper tooltip for information on app usage and pomodoro cycle order

Technologies

  • HTML5
  • CSS3
  • Sass / SCSS
  • JavaScript (ES6)

Inspiration

This application is based on a FrontEndMentor challenge.

The changes made were to reduce the number of additional interactions, putting the focus on work and productivity - while keeping a minimal interface.

About

A minimal pomodoro timer created using HTML, CSS / SCSS and JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 36.7%
  • CSS 34.1%
  • JavaScript 17.3%
  • HTML 11.9%