Skip to content

Latest commit

Β 

History

History
99 lines (76 loc) Β· 2.66 KB

File metadata and controls

99 lines (76 loc) Β· 2.66 KB

Pomello

Task Manager with Pomodoro Integration

Pomello is a full-stack task management application that blends the organizational structure of Trello with the productivity rhythm of the Pomodoro technique. It implements a dropdown component that enhances user interaction by allowing dynamic selection of task-related options.

Contributors



Features

Core Functionality

  • Task Boards: Create projects, lists, and tasks. Drag-and-drop capabilities for smooth workflow management.
  • Pomodoro Timer: Fully integrated timer with customizable focus and break intervals. Automates the start-stop cycle for deep work sessions.
  • Statistics Tracking: Backend logic stores usage and session data of the timer for analytics and productivity feedback.
  • Responsive UI: Built with React and TailwindCSS.

πŸš€ Tech Stack

Layer Technology
Frontend React + TailwindCSS
Backend Node.js + Express
Database MongoDB + Mongoose
Auth & Tokens JWT
Dev Tools Vite

Project Structure

Pomello/
β”œβ”€β”€ client/
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/           # Small components
β”‚   β”‚   β”œβ”€β”€ context/              # Auth context
β”‚   β”‚   β”œβ”€β”€ data/                 # Example data          
β”‚   β”‚   β”œβ”€β”€ pages/                # Main components
β”‚   β”‚   β”œβ”€β”€ styles/               # Custom styles
β”‚   β”‚   β”œβ”€β”€ utils/
β”‚   β”‚   β”œβ”€β”€ styles/  
β”œβ”€β”€ server/
β”‚   β”œβ”€β”€ docs                      # Documentation  
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ config/               # Mongoose configuration
β”‚   β”‚   β”œβ”€β”€ controllers/
β”‚   β”‚   β”œβ”€β”€ middlewares/
β”‚   β”‚   β”œβ”€β”€ models/
β”‚   β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”œβ”€β”€ utils/                # Errors, token and bcrypt
β”‚   β”‚   β”œβ”€β”€ index.js
β”‚   β”œβ”€β”€ package.json              # Server dependencies

Installation

# Clone repository
git clone https://github.com/Igoruve/Pomello-fullstack.git
cd Pomello-fullstack

# Install client dependencies
cd client
npm install

# Install server dependencies
cd ../server
npm install

Usage

Start the server (backend):

cd server
docker compose up

Start the client (frontend):

cd client
npm run dev