Capital-Finder-Game Tailwind Templates

Capital Finder Game

Test your geography skills with Capital Finder Game! Match countries with capitals in a vibrant, interactive web app built with React and Tailwind CSS.

๐ŸŒ Capital Finder Game

Test Your Geography Skills!

Capital Finder Game is a fun, interactive web app where you match countries with their capitals. Challenge yourself, have fun, and improve your geography knowledge.

๐Ÿ‘‰ Play the Game Live Now!


๐Ÿ† Why You'll Love This Game

โœจ Engaging Gameplay: Match countries and their capitals in a fun way!
โœจ Real-Time Feedback: Instant visual cues for correct and incorrect matches.
โœจ Fully Responsive: Looks stunning on desktops, tablets, and mobile devices.
โœจ Dynamic Animations: Modern animations keep the experience smooth and lively.
โœจ Replayability: Shuffle and restart anytime with a single click.


๐ŸŽฎ How to Play

  1. Start the Game

    • A shuffled list of countries and capitals will appear.
  2. Match the Pairs

    • Click on a country and its matching capital.
    • Correct matches will glow green, while incorrect attempts will flash red.
  3. Win the Game

    • Successfully match all pairs to see a congratulatory screen!
  4. Replay Anytime

    • Use the "Play Again" button to shuffle items and start afresh.

๐ŸŒ Live Demo

Experience the game live at:
๐Ÿ‘‰ Capital Finder Game


๐Ÿ“ธ Visual Tour

Hereโ€™s a glimpse of the game in action!

๐Ÿšฆ Game Start Screen

Game Start Screen

โŒ Incorrect Match Feedback

Incorrect Match

โœ… Correct Match Feedback

Correct Match

๐Ÿฅณ Winning Screen

Winning Screen


๐Ÿ› ๏ธ Tech Stack

Frontend:

  • React
  • Tailwind CSS
  • Lodash

Hosting:

  • Vercel

โš™๏ธ Installation & Setup

Follow these steps to run the game locally:

  1. Clone the repository
    git clone https://github.com/anupamyadav01/capital-finder-game.git
    cd capital-finder-game
    
  2. Install dependencies
    npm install
    
  3. Start the app
     npm run dev
    

๐Ÿš€ Future Enhancements

  • ๐Ÿ“Š Leaderboard: Track top players globally.
  • โฑ๏ธ Timed Mode: Add a timer for extra challenge.
  • ๐ŸŽต Sound Effects: Enhance gameplay with sound cues.
  • ๐ŸŒŽ Difficulty Levels: Easy, Medium, Hard options.

โœจ Created with โค๏ธ by Anupam Yadav

Top categories

Loading Svelte Themes