Productivity Enhanced Todo App

This Todo app is built not just for listing tasks—but for **measuring your productivity**. From setting timers for each task to tracking completion percentage and progress analytics, this tool supports focused work and data-backed task management.

Key Features

  • Timer Per Task: Set a countdown timer for focused work sessions.
  • Progress Tracking: See how much of the task you've completed using visual percentage indicators.
  • Productivity Analytics: View task completion trends and performance summaries.
  • Backend Support: All your tasks are stored persistently with real-time syncing.
  • Minimal UI: Built to reduce distraction and maximize focus.

Benefits

  • Boost productivity using visual progress and timers.
  • Track how much time you spend on each task.
  • Organize your day with performance in mind.
  • Helps in building disciplined and goal-oriented habits.
Todo App Home

Task Overview Dashboard

Todo with Timer and Progress

Timer & Progress View

Technologies Used

  • React + TypeScript: Dynamic frontend with strong typing.
  • Tailwind CSS: Utility-first styling for rapid UI design.
  • Node.js & Express: Backend support with RESTful APIs.
  • MongoDB: Persistent task storage and analytics data.
  • Framer Motion: Elegant transitions and animations.
  • Chart.js / Recharts: For visualizing your productivity data.