https://github.com/lazy-guy/tomodoro

A pomodoro web app with PIP mode, white noise generation, tasks and more!
https://github.com/lazy-guy/tomodoro

pomodoro pomodoro-technique pomodoro-timer productivity pwa web

Last synced: 2 days ago
JSON representation

A pomodoro web app with PIP mode, white noise generation, tasks and more!

• Host: GitHub
• URL: https://github.com/lazy-guy/tomodoro
• Owner: lazy-guy
• License: mit
• Created: 2022-07-12T17:26:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-27T12:14:15.000Z (8 months ago)
• Last Synced: 2024-08-01T22:44:57.064Z (3 months ago)
• Topics: pomodoro, pomodoro-technique, pomodoro-timer, productivity, pwa, web
• Language: JavaScript
• Homepage: https://lazy-guy.github.io/tomodoro/index.html
• Size: 1.5 MB
• Stars: 204
• Watchers: 2
• Forks: 37
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Tomodoro

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/Z8Z6E84CZ) 



A pomodoro web app with PIP mode, white noise generation, tasks and more!

![Screenshot](https://lazy-guy.github.io/tomodoro/screenshot.png)

## Features:

-   Clean UI

-   PIP Mode

-   Tasks and Statistics

-   White Noise

-   Themes

-   Works Offline

## Tasks and Statistics

![Statistics](https://lazy-guy.github.io/tomodoro/statistics.png)

Tomodoro allows the creation of "Tasks". Time spent in a focus session can be dedicated to a task in order to generate statistics.

All the data is saved in your browser. Taking frequent backups is recommended. Backup and restore options are available in Tomodoro's settings.

## About Always On Top/PIP Mode

![PIP Demo](https://lazy-guy.github.io/tomodoro/pip.png)

**Not tested on Safari but might work**

PIP mode works by drawing on a canvas, capturing its stream and using it as source of a video element. Then it requests Picture-In-Picture.

On desktop Firefox, PIP button will only make the video visible but will not activate PIP. To switch to PIP mode, right click on the video and select "Watch in Picture-In-Picture".

On Android browsers, like Chrome for Android which does not support the Picture-In-Picture API, in order to switch to PIP mode, make the video fullscreen and then go to your device's homescreen without exiting fullscreen. If your browser is supported then PIP mode will be activated.

## To-Do

-   Make code cleaner

-   Add custom theming

## Credits

Icons from [Material Icons](https://developers.google.com/fonts/docs/material_icons)

## License

[MIT](LICENSE.md)