Focus - Time Management and Procrastination Coach

A modern productivity workspace that helps you plan smarter, focus deeper, and beat procrastination with guided sessions, analytics, and AI-powered suggestions.

Demo video: Focus App Demo.mp4

Features

• Smart task management with priorities and completion tracking
• Pomodoro focus sessions with session logging
• AI solutions powered by Gemini (optional)
• Activity tracking for tab focus and category breakdown
• Reminders with browser notifications
• Social usage guard endpoint (placeholder data by default)
• Light and dark themes with professional UI system

Tech Stack

• React 19, React Router, Framer Motion
• Node.js, Express, MongoDB, Mongoose
• Firebase Auth, WebSocket updates
• Chart.js, React Toastify

Project Structure

Time-Management-and-Procrastination/
|- Time/                      # Frontend React app
|- backend/                   # Backend API server
|- Focus App Demo.mp4         # Demo video

Quick Start

1. Clone the repository

git clone https://github.com/yourusername/Time-Management-and-Procrastination.git
cd Time-Management-and-Procrastination

2. Backend setup

cd backend
npm install
cp .env.example .env
npm start

3. Frontend setup

cd ../Time
npm install
cp .env.example .env.local
npm start

4. Open the app

• Frontend: http://localhost:3000
• Backend: http://localhost:5001/api/v1/health

Environment Variables

Backend (backend/.env)

Variable	Description
MONGODB_URI	MongoDB connection string
FIREBASE_PROJECT_ID	Firebase project id
FIREBASE_CLIENT_EMAIL	Firebase service account email
FIREBASE_PRIVATE_KEY	Firebase service account private key
GEMINI_API_KEY	Gemini API key (optional)
ALLOWED_ORIGINS	Comma-separated CORS allowlist

Frontend (Time/.env.local)

Variable	Description
REACT_APP_API_URL	API base URL, example: http://localhost:5001/api/v1
REACT_APP_WS_URL	Optional WebSocket URL
REACT_APP_FIREBASE_API_KEY	Firebase web API key
REACT_APP_FIREBASE_AUTH_DOMAIN	Firebase auth domain
REACT_APP_FIREBASE_PROJECT_ID	Firebase project id
REACT_APP_FIREBASE_APP_ID	Firebase app id

Scripts

Frontend (Time/)

• npm start
• npm run build
• npm test

Backend (backend/)

• npm start

Deployment

• Frontend: Vercel
• Backend: Render
• Set your production URLs in Time/public/robots.txt and Time/public/sitemap.xml

Contributing

See CONTRIBUTING.md

License

MIT License. See LICENSE.

Support

For questions or support, open an issue or contact the maintainer.