About

This app is a web-based game called "Guess the Flag," designed to test users' knowledge of country flags from around the world. The primary objective is to identify the correct country based on a displayed flag and a set of multiple-choice options. To use the app, players start by selecting a difficulty level from four available modes: Easy, Medium, Hard, and Hardcore. Each mode varies in the number of flags presented and the time allowed per question. Once a mode is selected, players answer questions by choosing from four options, with the goal of answering as quickly as possible to earn bonus points. Players can build streaks for consecutive correct answers, which can lead to additional score bonuses. The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and theming capabilities. It utilizes various UI components for buttons, cards, and progress indicators, enhancing the user experience. The app also incorporates state management to track the game state, user scores, and leaderboard entries. Key features of the app include: - A variety of game modes with different difficulty levels. - A leaderboard to display top scores and encourage competition among players. - A timer for each question, adding a sense of urgency to the gameplay. - Streak bonuses for consecutive correct answers, rewarding quick and accurate responses. - The ability to switch between light and dark themes for user preference. Overall, "Guess the Flag" provides an engaging way for users to improve their geography knowledge while enjoying a competitive gaming experience.