Skip to content

React-Based Productivity Dashboard with Habit Tracker, To-Do List, and Pomodoro Timer

Notifications You must be signed in to change notification settings

HitaBeeDev/NexStep-Productivity-Dashboard

Repository files navigation

NexStep: Enhanced React Productivity Dashboard: Habit Tracker, To-Do List & Pomodoro Timer

Enhanced React Productivity Dashboard combines a Habit Tracker, To-Do List, and Pomodoro Timer into a single, streamlined application. Designed for efficiency and ease of use, it's the perfect tool for anyone looking to improve their productivity and focus.

Features:

Dashboard:

  • Personalized Greetings
  • Quick Overview: Instantly access a snapshot of your daily objectives and progress, streamlining your productivity planning.

Habit Tracker:

  • Motivational Greetings
  • Week Days List
  • Habit List | Editable Habits
  • Progress Statistics
  • Detailed Analysis

To-Do List:

  • Task CRUD Operations
  • A modal interface for adding and editing tasks, enhancing user experience with a clear, focused interaction model.
  • Real-Time Date and Time Handling
  • Task Prioritization (Low, Medium, High)
  • Task Completion Tracking
  • Sorted and Grouped Tasks

Pomodoro Timer:

  • Customizable Timer
  • Adjustable Session Durations (Pomodoro, Short Break, Long Break)
  • Timer Circle Visualization

Technologies Used:

  • React
  • Tailwind CSS
  • React Router
  • Context API
  • React Spring
  • Material-UI

Installation

To get started with NexStep:

git clone https://github.com/HitaBeeDev/wellNest.git
cd NexStep
npm install
npm start

Languages