https://github.com/danopcode/pomodoro
Pomodoro timer built with React, Next.js, TypeScript and Foundation.
https://github.com/danopcode/pomodoro
foundation nextjs pomodoro pomodoro-timer pomodoro-timer-app react reactjs typescript
Last synced: about 1 month ago
JSON representation
Pomodoro timer built with React, Next.js, TypeScript and Foundation.
- Host: GitHub
- URL: https://github.com/danopcode/pomodoro
- Owner: DanOpcode
- License: mit
- Created: 2022-09-23T12:46:43.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-23T14:23:15.000Z (over 3 years ago)
- Last Synced: 2026-04-17T08:35:18.808Z (about 2 months ago)
- Topics: foundation, nextjs, pomodoro, pomodoro-timer, pomodoro-timer-app, react, reactjs, typescript
- Language: SCSS
- Homepage: https://matachi.github.io/pomodoro/
- Size: 855 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pomodoro timer React Next.js app
This is a [pomodoro timer](https://en.wikipedia.org/wiki/Pomodoro_Technique)
built with React, Next.js, TypeScript and Foundation.
Try the app:
*
It has the following features:
* Start new pomodoro.
* Start new break.
* Pause & resume.
* See timer of the current pomodoro/break.
* See table of previous pomodoros/breaks.
* Clear pomodoros/breaks from the table.
* Show browser notification when pomodoro/break has reached its end.
* Play notification sound when pomodoro/break has reached its end.
* Change pomodoro length (default 25 min).
* Change break length (default 5 min).
* Settings and pomodoros/breaks are automatically saved in the browser's local
storage. (Refresh the page and the timer will continue.)
## Dependencies
It uses the following libraries:
* [React](https://reactjs.org/)
* [Next.js](https://nextjs.org/)
* [TypeScript](https://www.typescriptlang.org/)
* [Foundation](https://get.foundation/)
* [date-fns](https://date-fns.org/)
## How to run
Install dependencies:
```
npm install
```
Run in development mode:
```
npm run dev
```
Export:
```
npm run export
```
## Screenshots
Screenshot of the main page:
Screeshot of the settings page:
## Credits
Notification sound:
* [Synth Gliss by InspectorJ](https://freesound.org/people/InspectorJ/sounds/370195/),
licensed under CC BY 4.0.