GeoQuiz
Un quiz di geografia con cartine interattive, capitali e bandiere, nato per aiutare mia sorella a studiare.
SoloDevsjmvne.github.io/GeoQuizContesto
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.
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
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.
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.