country-flags-game-svelte Svelte Themes

Country Flags Game Svelte

A simple trivia game where you guess the country based on its flag.

Country Flags Trivia

A simple trivia game where you guess the country based on its flag.

Technologies Used

  • Svelte: A JavaScript framework for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • HTML: The standard markup language for creating web pages.
  • CSS: A stylesheet language used for describing the presentation of a document written in HTML.
  • REST Countries API: A free API to get information about countries.

How to Play

  1. Click the "Play" button on the main menu to start the game.
  2. A flag of a country will be displayed, along with four options.
  3. Choose the correct country by clicking on one of the options.
  4. If you guess correctly, your score will increase and the country's information will be shown.
  5. If you guess incorrectly, the wrong answer will be highlighted briefly.
  6. Click "Next" to move to the next country.
  7. Keep playing and see how many countries you can correctly identify!

Installation and Usage

  1. Clone the repository:
git clone https://github.com/andreipintilie/country-flags-game-svelte.git
  1. Navigate to the project directory:
cd country-flags-trivia
  1. Install the dependencies:
npm install
  1. Start the development server:
npm run dev

Images

Top categories

Loading Svelte Themes