Skip to content

feat: add quiz timer and improve quiz UI#346

Open
gayatripadalia wants to merge 1 commit into
pushkarscripts:mainfrom
gayatripadalia:feat/quiz-timer-ui
Open

feat: add quiz timer and improve quiz UI#346
gayatripadalia wants to merge 1 commit into
pushkarscripts:mainfrom
gayatripadalia:feat/quiz-timer-ui

Conversation

@gayatripadalia

Copy link
Copy Markdown

Related Issue

Fixes #314


Description

This PR adds a countdown timer to the quiz and improves the quiz UI to make the quiz experience more engaging and user-friendly.

Changes made

  • Added a 5-minute countdown timer for quizzes.
  • Automatically ends the quiz when the timer reaches zero.
  • Displays the remaining time in MM:SS format.
  • Timer changes to red during the last minute and pulses during the last 10 seconds.
  • Added a progress bar to indicate quiz progress.
  • Updated the quiz intro from "No time limit" to "5 minute time limit".
  • Improved the quiz header by styling the Quiz, Question, and Score labels.

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • UI/UX improvement
  • Refactor

Screenshots

Screenshot (1400) Screenshot (1401) Screenshot (1402) Screenshot (1405)

How Has This Been Tested?

  • Tested locally using the development server.
  • Verified the timer starts when the quiz begins.
  • Confirmed the timer counts down correctly in MM:SS format.
  • Verified the quiz automatically finishes when the timer reaches zero.
  • Checked that the progress bar updates correctly.
  • Confirmed all existing quiz functionality (answer selection, scoring, and results) works as expected.

Checklist

  • My code follows the project structure and conventions.
  • I have tested the changes locally.
  • I have linked the related issue properly.
  • I have added screenshots where applicable.
  • No existing functionality was broken.

Additional Notes

This implementation introduces a quiz timer and UI enhancements while preserving the existing quiz functionality. Future improvements could include configurable time limits for individual quizzes and recording unanswered questions when the timer expires.

Signed-off-by: Gayatri Padalia <gayatripadalia@gmail.com>
@vercel

vercel Bot commented Jul 20, 2026

Copy link
Copy Markdown
Contributor

@gayatripadalia is attempting to deploy a commit to the PushkarScripts Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Adding Time Limit To Quiz and Improving UI

1 participant