Skip to content

khui0/flaggle

Repository files navigation

Flaggle

GitHub package.json version GitHub code size in bytes GitHub Actions Workflow Status Website

Play here: kennyhui.dev/flaggle

A flag guessing game inspired by Wordle. Currently includes 255 country flags and three game modes!

How to play

You can choose the game mode by clicking on it in the top right corner or by using the hamburger menu on mobile.

Classic

Your goal is to guess the target flag, similar to guessing the target word in Wordle. Start by picking a country to guess. Once you make your guess, you will be given an image that shows the similarity between the flag you guessed and the target.

image

In this example, I chose Seychelles. From the image on the right, I can infer that the target flag has a red horizontal stripe on the top, with a white horizontal stripe in the middle, with a star in the middle. This information can be used to make the next guess.

You can make as many guesses as you'd like, though using less guesses is more impressive...

Lastly, try to maintain a streak by not giving up! The streak counter is shown in the top left corner once you gain a streak.

image

Lightning

This mode is faster paced than Classic. The target flag is shown to you and you have six attempts to guess it. Lightning mode has its own separate streaks, which end once you are unable to guess a flag or give up.

image

Daily

This mode features the same gameplay as Classic, but the target flag is chosen daily, similar to Wordle. Try to guess the flag in as few attempts as possible and challenge your friends! There's no giving up...

Streaks in this mode are counted by the past consecutive days you were able to guess the target flag.

Tips

You can press tab to insert the first suggestion.

You can search for a country using its two letter ISO code which could be a lot faster than typing out the full name.

Stats

image

Your statistics can be viewed by clicking the stats button in the top right corner.

image

Settings

image

Change your theme by clicking the settings button in the top right corner.

Sources

Flag SVGs, country names, and ISO codes are obtained from flagpedia.net.

Images are processed using khui0/flaggle-flag-generator

Development

This app is built using Svelte and SvelteKit. Start by cloning or forking this repository.

Install dependencies

npm i

Start local development server

npm run dev

Build project; files will be built to the dist directory

npm run build