Skip to content

Tracker Dashboard Feels Unresponsive During Data Fetch — Add Skeleton UI and Empty States #534

@priya434960

Description

@priya434960

# Description

The Tracker dashboard currently appears blank and static while data is being fetched. Since there is no visual loading feedback, users may assume the application is unresponsive or the request has failed.
This issue focuses on improving the frontend user experience by introducing skeleton loaders, loading placeholders, and proper empty-state feedback.

# Current Behaviour

  • Blank white sections appear during data fetching
  • No loading indicator or placeholder is shown
  • Empty issue/PR tables feel abrupt and confusing
  • Users do not get feedback about ongoing loading operations

# Expected Behaviour

  • Add skeleton loaders/shimmer placeholders while fetching data
  • Show informative empty-state UI when no issues or pull requests are available
  • Improve perceived performance and responsiveness
  • Maintain consistent loading UX across dashboard sections

# Suggested Improvements

  • Skeleton rows for issue and pull request tables
  • Placeholder cards for dashboard sections
  • Empty-state message for zero results
  • Optional shimmer/spinner animations for smoother transitions

#Additional Notes
This issue specifically targets frontend UX feedback during loading and empty states. It is different from existing backend/API fetch-related issues.

#Screenshot
Current tracker dashboard UI during empty/loading state:

Image

I would like to work on this issue under GSSoC'26.
I can implement skeleton loaders and improve the loading and empty-state UX for the tracker dashboard to make the interface feel more responsive and user-friendly.

Metadata

Metadata

Assignees

Labels

Type

No type
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