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.
- 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.
| Layer | Technology |
|---|---|
| Frontend | React + TailwindCSS |
| Backend | Node.js + Express |
| Database | MongoDB + Mongoose |
| Auth & Tokens | JWT |
| Dev Tools | Vite |
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# 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 installcd server
docker compose upcd client
npm run dev