Skip to content

[Feature] Add Empty State UI for No Performance Records #63

Description

@myselfsneha

What's the problem this solves?

When users visit the Performance Tracking section and there is no data available (e.g., first-time users or fresh accounts), the screen appears blank or awkward. We can improve this by adding an empty state UI with a message and an illustration/icon.

Proposed Solution

Show a friendly message like:

“No performance data yet. Start logging your workouts to track your progress!”

Include a simple Lottie animation or icon

Optionally, a CTA button: “+ Add New Entry”

Alternatives Considered

🛠️ Implementation Steps:
In the PerformanceScreen.dart (or similar), check if the performance list is empty.

If so, show the empty state widget instead of the list.

Optionally, add animation using lottie or a placeholder icon.

🎯 Benefits:
Better onboarding for new users

More polished UI

Aligns with modern UX practices

Additional Notes

Hi! 👋 I’d love to contribute by adding an Empty State UI in the Performance Tracking screen for users who don’t have any records yet. It’ll improve the user experience and make the app more welcoming. Can I take this up under GSSoC? 🚀

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions