Interactive world map quiz with countries, capitals, flags, rivers, and mountains across difficulty levels. Build a geography study game that tracks student progress, surfaces weak spots, and adapts question order to reinforce what needs the most practice.
Build Prompt
Copy this prompt into Claude Code
Build a static HTML interactive geography quiz site. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #a78bfa (purple). Data from inline `const COUNTRIES = [...]`, `const LANDMARKS = [...]`, `const QUIZ_MODES = [...]`.
Each country has: name, capital, iso2, flag (emoji), continent, population, area, rivers[], mountains[], neighbors[], funFact, svgPath (simplified path data for the world map SVG), centroidX, centroidY.
Layout: Full-width SVG world map at top (Mercator projection, country paths colored by continent). Below map: mode selector tabs.
Quiz modes:
1. "Name That Country" — highlight a country on the map, user types or selects from 4 choices. Correct = country turns green, wrong = red with correct answer shown.
2. "Capital Cities" — show capital name, user identifies country on map by clicking the correct region.
3. "Flag Quiz" — show flag emoji, 4 country name options, click correct one.
4. "Rivers & Mountains" — name a river or mountain range, user clicks its continent/country.
5. "Neighbor Challenge" — name a country, list all neighbors, user selects which countries border it.
Progress tracking (localStorage): per-mode score, streak, accuracy percentage, "needs practice" list of countries answered wrong 2+ times. Spaced repetition: wrong answers re-appear more frequently.
Region filter: quiz only Africa, Europe, Asia, Americas, or Oceania. Difficulty: Easy (large/famous countries), Medium (all countries), Hard (small island nations and territories).
Results screen after 10 questions: score, time taken, accuracy, "Practice Again" targeting weak countries.
SEO: title, meta description, OG tags, JSON-LD Quiz schema. Include all 195 countries in COUNTRIES array.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
US States Edition
Swap the world map for a USA map and quiz state names, capitals, abbreviations, and nicknames.
Timed Challenge Mode
60-second sprint to name as many countries as possible — leaderboard via localStorage high scores.
Historical Borders
Toggle between modern and historical maps — quiz countries as they existed in 1914, 1945, or 1991.
Currency Quiz
Add a currency identification mode — show "Japanese Yen" and click the country on the map.
Classroom Mode
Teacher view with student name entry, class score tracking, and exportable results spreadsheet.
Daily Challenge
One new geography challenge per day, shared score via URL so friends can compare results.
Update Prompt
Update Prompt — Add new quiz modes or expand question sets
Add a new quiz mode for [currencies/languages/time zones/national animals]. Create 195 questions for the new mode, one per country, with correct answer and 3 plausible wrong answers. Add the new mode to the QUIZ_MODES array and wire it into the tab selector. Update progress tracking to include the new mode. Redeploy.
SEO Tips
Target "geography quiz", "world capitals quiz", "countries of the world test" — massive evergreen search volume.
Use JSON-LD Quiz schema with question and suggestedAnswer properties for each quiz mode.