Pomodoro timer React Next.js app

This is a pomodoro timer built with React, Next.js, TypeScript and Foundation.

Try the app:

• https://matachi.github.io/pomodoro/

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
• Next.js
• TypeScript
• Foundation
• date-fns

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, licensed under CC BY 4.0.