sjmvne.dev
Progetto personaleMag 2026

GeoQuiz

Un quiz di geografia con cartine interattive, capitali e bandiere, nato per aiutare mia sorella a studiare.

SoloDevsjmvne.github.io/GeoQuiz
Zone
5, mondo compreso
Modalità
6
01

Contesto

GeoQuiz serve a esercitarsi in geografia su cinque zone: America, Europa, Asia, Africa e il mondo intero. In ogni zona si trovano gli stati sulla cartina, se ne scrivono i nomi su quella muta, si ripassano capitali e bandiere, oppure si gioca contro il tempo.

02

Cosa ho fatto

  • Sei modalità di gioco, dall'esplorazione libera al Time Attack da 60 secondi
  • Cartina interattiva con zoom, leggibile anche sugli stati più piccoli
  • Risposte scritte che tollerano i piccoli errori di battitura e li segnalano a parte
  • Scheda di ogni paese con capitale, popolazione, lingue, valute e bandiera, più i link alle mappe
  • Classifica personale del Time Attack con i 10 migliori tempi per zona
03

Stack

Pagina statica in JavaScript puro, senza framework, con D3.js e TopoJSON caricati da CDN per disegnare i confini ad alta risoluzione. REST Countries fornisce le schede dei paesi e un service worker rende l'app installabile.

04

In evidenza

Per l'America (+100°) e per l'Asia (-100°) la proiezione di Mercatore viene ruotata, e gli stati a cavallo dell'antimeridiano restano interi. Le risposte scritte passano dalla distanza di Levenshtein, con una tolleranza che cresce con la lunghezza del nome.