Worldle Flags

Worldle Flags é um jogo fortemente inspirado no sucesso mundial Wordle, um jogo no qual você precisa acertar a palavra do dia em até 6 tentativas. Aqui o princípio é o mesmo, porém ao invés de palavras temos bandeiras.

Todo dia uma nova bandeira é selecionada e temos 6 chances para acertar de qual país ela pertence. A cada resposta errada uma dica é dada, a distância entre o país do dia e a sua resposta.

Ao terminar o jogo, tendo acertado a bandeira ou não, é possível compartilhar o seu progresso do dia, bastando apenas clicar no botão "Share your game". Além disso, é possível acompanhar o progresso geral, todos os dados são gravados diretamente no localStorage do browser.

O projeto foi todo desenvolvido com NextJs e TailwindCSS, sendo esse o meu primeiro contato com um framework css em conjunto com o Next. Apesar de deixar o código um pouco mais poluído, a experiência com o Tailwind foi boa, e aplicar os estilos escrevendo diretamente na tag HTML agiliza bastante o processo.

Ferramentas utilizadas:

• Next.js
• TypeScript
• Tailwind CSS
• Country Flags API
• Lista com latitude e longitude dos países