Overview

FocusFlow is a full-stack productivity web application built on the MERN stack, designed to help users maximize focus and manage their time efficiently using the Pomodoro technique. The app features user authentication, personalized task and session tracking, and rich statistics, all wrapped in a modern, visually engaging interface.

Highlights

📝 Personalized Task & Session Management: Users can create, categorize, and track tasks and Pomodoro sessions, with all data securely stored and synced in the cloud.
📊 Detailed Productivity Analytics: Real-time statistics and visualizations help users monitor their focus trends, completed Pomodoros, and daily/weekly progress.
🎨 Customizable Themes & UI: Light/dark mode, custom timer presets, and a responsive, accessible design for all devices.
🔒 Secure User Accounts: Registration and login with JWT authentication for private, personalized data.
🌐 Seamless Fullstack Integration: Fast, reliable API endpoints for all app features, powered by Express and MongoDB Atlas.
🖌️ Beautiful UI/UX & Graphics: All frontend design, UI/UX, and graphic assets crafted by Angela Marie S. Avenido.

Tech Stack

MongoDB Atlas · Express.js · React · Node.js · TypeScript · Vite · Tailwind CSS · Recharts · JWT Auth · Cloud Deployment (Render, Vercel)

Design Credits

Angela Marie Avenido

UI/UX Designer, Graphic Artist, Front-End Design

📧 angelamarieavenido113@gmail.com

🔗 https://www.linkedin.com/in/angela-marie-avenido