ProductivityPro

A comprehensive task management and productivity tracking application built with React, TypeScript, and Tailwind CSS.

Features

• Task Management

  • Create, edit, and delete tasks
  • Organize tasks by categories with custom colors
  • Set due dates and reminders
  • Track completion status

• Time Tracking

  • Built-in timer for tracking time spent on tasks
  • Pomodoro timer with work/break cycles
  • Visual progress indicators
  • Time statistics by category

• Analytics Dashboard

  • Completion rate metrics
  • Time spent analysis
  • Category-based statistics
  • Recently completed tasks overview

• Advanced Filtering & Sorting

  • Search functionality
  • Filter by status (active, completed, due soon, overdue, etc.)
  • Multiple sorting options (newest, oldest, alphabetical, time spent, due date)

• Notifications System

  • Reminders for upcoming tasks
  • Alerts for overdue tasks
  • Notification management

• Dark/Light Theme

  • Full support for both light and dark modes
  • Persistent theme preference

Technologies Used

• React
• TypeScript
• Tailwind CSS
• Lucide React for icons
• Local storage for data persistence

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/FrimpsManu/productivity-pro.git
cd productivity-pro

2. Install dependencies

npm install
# or
yarn

3. Start the development server

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:5173

Building for Production

npm run build
# or
yarn build

Backend Server

The application includes a Python backend server (app.py) that provides API endpoints for task management, time tracking, and analytics.

To run the backend server:

python app.py

The server will start at http://localhost:5000.

Project Structure

• /src - React/TypeScript frontend code
  • /components - UI components
  • /services - Data and state management
  • /utils - Helper functions
  • /types - TypeScript type definitions
• /static - Static assets
• /templates - HTML templates
• app.py - Python backend server

License

This project is licensed under the MIT License - see the LICENSE file for details.