Skip to main content
Version: Next 🚧

Dashboard

Introduction​

The Dashboard is the main screen of the Time Management App. It provides a quick overview of tasks, projects, and time distribution based on priority.

This screen enables users to:

  • Identify tasks requiring immediate attention.
  • Organize work efficiently.
  • Monitor time spent across activities and projects.

Dashboard Overview​

The Dashboard consists of the following sections:

  1. Header (Top Bar)
  2. Priority Matrix
  3. Charts
  4. Projects Section
  5. Quick Action Button

Header Section​

Located at the top of the screen.

Features:​

  • Account Name: Displays the active user account.
  • Menu Icon (☰): Opens the side navigation menu.
  • Notification Icon (🔔): Displays alerts and updates.
  • Add Icon (➕): Used to create a new timesheet entry.
  • Kebab Menu Icon (⋮): Opens the overflow menu with additional navigation options.

Priority Matrix​

The Priority Matrix categorizes tasks based on urgency and importance.

Categories:​

Do First (Urgent & Important)

  • Tasks that require immediate attention.

Do Next (Not Urgent & Important)

  • Important tasks that can be scheduled.

Do Later (Urgent & Not Important)

  • Tasks that can be postponed or delegated.

Don’t Do (Not Urgent & Not Important)

  • Tasks that are unnecessary.

Time Display:​

Each category displays total time spent (e.g., 0H), helping users evaluate productivity and time allocation.

Charts​

Most Time-Consuming Projects (Donut Chart)

  • Visual representation of time distribution across projects.
  • Larger segments indicate higher time usage.

Project-wise Time Spent (Bar Chart)

  • Displays time spent per project.
  • X-axis: Project names.
  • Y-axis: Time (in hours).
  • Bars allow visual comparison of effort across projects.

Projects Section​

Displays detailed information about user projects.

Features:​

  • Total Time Spent (e.g., 0.0 h).
  • Progress Indicator: Visual bar showing time utilization.
  • Search Bar ("Search projects…"): Enables quick project lookup.

Sorting and Filtering Options:​

  • Most Time: Sort by highest time spent.
  • Tasks: Sort by number of tasks.
  • A–Z: Alphabetical sorting.

Quick Action Button​

A floating action button located at the bottom-right corner.

Functions:​

  • Add a new task.
  • Create a timesheet entry.
  • Log activity.