joannerd / 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.

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

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

3. Run the application in development mode.

$ npm run dev

pomoplan's Issues

Add testing (react testing library)

Implement auth (next-auth, proton wallet, manual)

Add accountapals

Create task endpoints

Refactor to redux

Create goal endpoints

Refactor to css modules

Implement mongodb