Skip to content

mohammedyh/pomodoro-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 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.