Skip to content

[Enhancement] Add todo completion statistics on dashboard #10

Description

@niat-web

Feature Request

What:
Show a statistics section at the top of the
dashboard showing the user's todo progress.

Expected behavior:
Show 3 stat cards at top of page:

  • Total Todos: 10
  • Completed: 3 ✅
  • Pending: 7 ⏳

Also show a simple progress bar:
"30% Complete"

Why this is important:
Users can quickly see their overall progress
and feel motivated to complete more tasks.

Technical implementation:

  • Calculate stats from existing todos array
  • No backend changes needed
  • Simple math: completed/total * 100

Acceptance Criteria:

  • 3 stat cards visible on dashboard
  • Stats update when todos are added/completed/deleted
  • Progress bar shows completion percentage
  • Looks clean and matches existing design

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfeature-requestNew feature requestedfrontendrelated to react frontendgood first issueGood for newcomersmedium-priorityShould be done but not immediately urgentuiRelated to user interface and design

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions