Country Flags Quiz

A fun and engaging quiz of guessing random country flags. Quiz engine is built from scratch as a custom React hook. File structure and components follow the separation of concerns philosophy.

Table of contents

• Features
• Links
• Technologies
• Wokflow
• Sources
• Screenshots
• Author

Features

• Appealing design and visual effects
• Intuitive UX flow
• Custom progess bar built from scratch
• In-game and final score display
• Maybe you'll get to know a flag or two you've never seen before 😊

Links

• Live website

Technologies

• HTML5
• CSS3
• React JS library:
  • Functional components
  • React hooks
  • Custom hooks

Workflow

1. Project initialization as a public repository on GitHub
2. Planning out components structure and state management
3. Creating functional React components
4. Writing the stylsheet and testing the layout with placeholder data
5. Implementing quiz logic by following the separation of concerns philosophy
6. Configuring repository to publish code with GitHub Pages

Sources

• Flagcdn.com for embedding flags
• canvas-confetti package for visuals effects

Screenshots

Author

• GitHub profile - Toni Kulić