Skip to content

[BUG] [UX] Missing loading states for quiz pages #335

Description

@sahitya0xsingh

Description

Quiz pages show no loading indicator while fetching quiz data from the server, resulting in blank content during the data fetch process. Users may see empty or partially loaded quiz interfaces without any visual feedback, leading to confusion about whether the page is working or has encountered an error.

Steps to Reproduce

  1. Navigate to any quiz page (e.g., /quiz/c-programming).
  2. Open the browser's developer tools and throttle the network connection to simulate slow speeds.
  3. Refresh the page or navigate to the quiz page.
  4. Observe the quiz page during the data loading phase.

Expected Behavior

Quiz pages should display a loading indicator (such as a spinner, skeleton loader, or progress bar) while quiz data is being fetched. This provides visual feedback to users that content is loading and improves the perceived performance of the application.

Environment

  • Browser: All
  • Device: All (especially noticeable on mobile with slower connections)
  • OS: All

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions