Map Quiz is a website that allows users to view country information, and features quizzes on region names, capitals, and flags for different parts of the globe. It was built using Create React App and utilizes the Rest Countries API, React-Simple-Maps library, and components from Semantic-UI-React.
- Full map includes 248 regions which include sovereign countries and their dependencies.
- Sub-division maps are available for certain countries
- Clicked regions display the associated flag, name, capital, population, area, and administrative status if relevant.
- Each map view features 5 different quizzes.
- Click quizzes involve clicking the appropriate area given the region name, capital, or flag.
- Type quizzes require a typed response for the respective name or capital of the highlighted region.
- All map views feature a region dropdown to immediately zoom to the selected region and display it's information.
- All region specific map views feature toggles to view text labels for each name or capital.
- Create React App - Development environment
- React-Simple-Maps - Used for rendering map
- Semantic-UI-React - Components for user interface
- Rest Countries API - Used for fetching country data
- World Atlas TopoJSON - GeoJSON for world map
- GADM maps and data - GeoJSON for country sub-divisions
- Country GeoJSON Collection - GeoJSON for individual regions
- Techslides - Capital Coordinates
- The World Bank - Population Data