GeoGauntlet
LINK
https://github.com/mejia-1MT/GeoGauntlet
ROLE
SOLO
TECH STACK
React, CSS, restcountries API
TIMELINE
Dec 2025 - Jan 2026
OVERVIEW
GeoGauntlet is a personal project inspired by the classic
"Higher or Lower" game, but reworked into a geography-themed quiz with a
few different ways to play. Instead of forcing players through a single
game mode, the app lets you choose between three main quiz types:
population (higher or lower), capital city identification, and flag
recognition.
The main goal of this project was to get more comfortable working with
third-party APIs, using the REST Countries API as the data source for all
game modes. It also served as a way for me to revisit traditional CSS and
push it toward a more modern look, without relying on frameworks or
utility libraries. The app is built with React and focuses on core
concepts like state management, conditional rendering, and clean
component structure, all wrapped in a light-hearted geography quiz
experience.
FEATURES
1. Higher or Lower Population - A quiz mode where players guess whether one country
has a higher or lower population than another, inspired by the
original Higher or Lower concept.
2. Capital City Quiz - Tests knowledge of world capitals by asking players
to identify the correct capital for a given country.
3. Flag Identification - A visual quiz mode that challenges players to
recognize countries based on their flags.
4. REST Countries API Usage - Uses real data from the REST Countries API to power
each quiz, serving as hands-on practice with fetching and handling
third-party API data in React.
5. Modern Styling with Plain CSS - Styled entirely with traditional CSS as a way to
review and strengthen core CSS skills while still achieving a clean
and modern look.