Skip to content

Add quiz animation#86

Open
yasen5 wants to merge 3 commits intomainfrom
yaseng/add-quiz-animation
Open

Add quiz animation#86
yasen5 wants to merge 3 commits intomainfrom
yaseng/add-quiz-animation

Conversation

@yasen5
Copy link
Owner

@yasen5 yasen5 commented Nov 27, 2025

No description provided.

Copilot AI review requested due to automatic review settings November 27, 2025 01:31
@netlify
Copy link

netlify bot commented Nov 27, 2025

Deploy Preview for apworldwebsite ready!

Name Link
🔨 Latest commit 436c53a
🔍 Latest deploy log https://app.netlify.com/projects/apworldwebsite/deploys/6927c98349b4140008219349
😎 Deploy Preview https://deploy-preview-86--apworldwebsite.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds an animated "slot machine" effect to the geography quiz feature. When users click the "Quiz!" button, countries flash randomly on the map before revealing the two selected countries for comparison. The animation provides visual feedback during country selection.

Key changes:

  • Added quizSelectedCountries state to track countries highlighted during quiz animations and quiz mode
  • Converted pickCountries function to async to support animation sequences with timed delays
  • Implemented two animation phases: first country selection (8 random flashes) and second country selection (8 more random flashes)

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 7 comments.

File Description
src/geographic-selection-provider.tsx Adds quizSelectedCountries state and setter to context provider for tracking animated/selected countries during quiz
src/geographic-selection.tsx Implements quiz animation logic with async/await, updates country styling to highlight quiz selections with blue/red colors, and modifies button handlers to trigger animations

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review for a chance to win a $100 gift card. Take the survey.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
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.

2 participants