/pomoplan

Manage tasks in a healthy and productive way with built-in session and break intervals based on the pomodoro technique. Built with React (Next.js, Provider Pattern), React DnD, and Web Audio API.

Primary LanguageTypeScript

Pomoplan

Pomoplan is a Next.js app built with healthy and productive task management in mind. The goal of Pomoplan is to help you manage work intervals (known as a pomodoro) to with taking breaks to reset your mind and staying focused during the interval-based work sessions.

Pomoplan Live

pomoplan

Inspiration

The application was inspired by wanting to experiment with React-DnD and my personal goal to work on self-care by adding structured breaks into my task-based work schedule. The balance between the break timer and work session timer is based on the Pomodoro technique.

Features

Each work session can be between 20-30 minutes. The first three pomodoros are followed by a 5-minute break, while the fourth pomodoro is followed by a 15-30 minute break. You can choose the length of your pomodoros (20-30 minutes) and the length of your fourth break (15-30 minutes).

Installation

  1. Clone this repository to your local machine.
  2. Install the project dependencies.
$ npm install
  1. Run the application in development mode.
$ npm run dev