https://github.com/mohammedyh/pomodoro-timer

A minimal pomodoro timer created using HTML, CSS and JavaScript
https://github.com/mohammedyh/pomodoro-timer

css frontend-mentor html javascript pomodoro pomodoro-timer productivity scss timer

Last synced: 9 months ago
JSON representation

A minimal pomodoro timer created using HTML, CSS and JavaScript

• Host: GitHub
• URL: https://github.com/mohammedyh/pomodoro-timer
• Owner: mohammedyh
• Created: 2021-01-29T00:29:22.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-02-15T11:45:17.000Z (over 1 year ago)
• Last Synced: 2025-09-02T16:46:47.398Z (10 months ago)
• Topics: css, frontend-mentor, html, javascript, pomodoro, pomodoro-timer, productivity, scss, timer
• Language: CSS
• Homepage: https://mohammedyh.github.io/pomodoro-timer/
• Size: 2.7 MB
• Stars: 14
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# pomodoro-timer

A minimal pomodoro timer created using HTML, CSS and JavaScript

## Screenshots

![Pomodoro app asking to choose a starting mode](./screenshots/starting-mode.png)

![Pomodoro app in use in the pomodoro mode](./screenshots/pomodoro.png)

![Settings modal to customise timings, font and accent color](./screenshots/settings-modal.png)

## 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

## Technologies

- HTML5

- CSS3

- JavaScript (ES6)

## Inspiration

This application is based on a [FrontEndMentor challenge](https://www.frontendmentor.io/challenges/pomodoro-app-KBFnycJ6G).

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