~/web4w3geography-quizMobile App
geography-quiz — README.md
cat README.md

# Geography Quiz

A mobile geography quiz built on a drag-and-drop matching mechanic rather than flashcard review: drag each card in a round onto the card it matches (a country onto its flag, a capital onto its country, and more), pulled from categorized decks served by a backend API. Tracks your stats across sessions.

cat geography-quiz/ARCHITECTURE.md

## How It Works

Each round deals a set of "from" cards and "to" cards (e.g. country names and flags). You drag a "from" card onto the "to" card you believe matches it; a correct match plays a success sound and clears both cards, an incorrect one plays an error sound and keeps them in play. Decks are organized into categories and fetched from a backend API rather than bundled offline, so content can grow without an app update. A stats page tracks accuracy and progress over time.

Geography Quiz (Ionic/Capacitor)
    ├── CategoryPage — deck selection
    ├── Drag source cards (CardFrom) ──▶ Drag target cards (CardTo)
    │        └── react-drag-drop-container (match detection)
    ├── API (boomza.com/geo-quiz) ──▶ categories + decks
    └── Analytics / Table — stats tracking
open geography-quiz

## App Preview

geography-quiz — matching round
   ╔════════════════════════════════════╗
   ║  Geography Quiz · Capitals (EU)    ║
   ╠════════════════════════════════════╣
   ║   [ France ]      [ Madrid ]        ║
   ║   [ Spain  ]      [ Paris  ]        ║
   ║                                     ║
   ║   Drag a country onto its capital   ║
   ╚════════════════════════════════════╝
     Round 3 / 10 · Streak: 5
geography-quiz — match result
   ❯  Dragged "France" → "Paris"
   ✓  Correct match!  🔊 chime

   ❯  Dragged "Spain" → "Paris"
   ✗  Not a match  🔊 buzz

   Progress: 8/10 matched · Accuracy: 87%
grep -n "## Features" geography-quiz/README.md

## Features

  • +Drag-and-drop matching, not flip-card review
  • +Categorized decks fetched from a backend API
  • +Sound feedback on correct / incorrect matches
  • +Light / dark theme
  • +Stats and analytics tracking across sessions
geography-quiz --compare

## vs. The Field

FeatureGeography QuizLinguacards (this ecosystem)Sporcle
Drag-and-drop matching mechanic✗ (flip-card SRS)✗ (typed quiz)
Geography-focused deckspartial
Offline-first✗ (API-backed decks)
Progress / accuracy trackingpartial
Free to play
open play-store/geography-quiz

## Installation

1

Open Google Play on your Android device

Tap the button below or search for 'Geography Quiz' in the Play Store.

2

Install and open the app

Tap Install, then Open. No account required — pick a category and start matching.

3

Pick a category and play

Choose a deck (e.g. Flags, Capitals) and drag each card onto its match. Your accuracy and progress are tracked automatically.

cat geography-quiz/package.json | jq '.dependencies | keys'

## Tech Stack

IonicCapacitorReactTypeScriptMUI