Brave Atlas

Un minisito per gli scout CNGEI che trasforma le imprese sul campo in un Atlante pubblico: le pattuglie raccontano le loro azioni tecniche, un admin le modera, e l'evento Tecnicamp 2026 ha finalmente una vetrina condivisa.

🏕️ Come ho costruito Atlante del Coraggio

Atlante del Coraggio nasce da una richiesta molto concreta del CNGEI (gli scout italiani): in vista di Tecnicamp, l'evento di agosto 2026, servivano un modo per raccogliere e valorizzare le "Carte Impresa" (le azioni tecniche utili che le pattuglie realizzano sul campo) senza che finissero disperse tra fogli Excel, chat e ricordi.

Ho voluto costruire un progetto pro bono che desse a questo lavoro una casa pubblica: ogni pattuglia compila la propria Carta Impresa, un admin la modera, e una volta approvata entra nell'Atlante consultabile da tutti.

💡 Cosa fa, davvero

Il sito è pensato per essere semplice da usare sul campo, anche con connessione scarsa:

• •form a step (`/gioca`) per compilare la Carta Impresa, con pre-compilazione via QR code (base e corso)
• •salvataggio automatico in locale, cosi il form resiste a refresh o chiusura accidentale del browser
• •invio con retry automatico in caso di rete instabile
• •pagina di ringraziamento (`/grazie`) con possibilità di caricare un video e lasciare una "voce di coraggio"
• •Atlante pubblico (`/atlante`) con spotlight a rotazione delle carte approvate e filtri per esplorarle
• •dashboard admin per moderare le carte, vedere statistiche di distribuzione ed esportare i dati in Excel

Tutto anonimo lato utente: nessun account richiesto per contribuire, solo un identificatore locale per riconoscere chi ha già partecipato.

⚙️ Dietro le quinte

Stack scelto per essere minimale e mantenibile da un solo sviluppatore:

• •Next.js 16 (App Router) per pagine pubbliche, area admin e API routes
• •Supabase per database, autenticazione admin e storage dei video, con Row Level Security a proteggere i dati pubblici
• •Zod condiviso tra client e server per validare le Carte Impresa in un solo posto
• •Framer Motion per le animazioni della preview della Carta
• •SheetJS per l'export Excel dal pannello admin

Le API routes sono il confine di sicurezza vero e proprio: solo li si accede a Supabase con la secret key, si scrive lo stato di approvazione delle carte, e si calcola server-side il fingerprint anonimo usato per le reazioni. Rate limiting in memoria protegge gli endpoint di invio senza bisogno di infrastruttura aggiuntiva.

La sfida più delicata non è stata tecnica quanto di equilibrio: tenere il form abbastanza semplice da poter essere compilato in tenda con lo smartphone, ma abbastanza strutturato da produrre dati utili per l'Atlante e per la dashboard organizzativa.

📲 Il sito è live

braveatlas.cngei.it è online e pronto ad accogliere le prime Carte Impresa in vista di Tecnicamp 2026.

🙌 Perché l'ho fatto

Questo è un progetto pro bono: nessun compenso, solo la volontà di dare una mano a un evento che ha valore reale per centinaia di ragazze e ragazzi scout. A volte il progetto più bello non è quello con il business model dietro, ma quello che semplicemente serve a qualcuno.

Grazie per essere passato a dare un'occhiata.