Piattaforma interattiva per SQL, Python e DAX. Esercizi pratici, editor live, grafici professionali e strumenti di analisi dati. Tutto gira nel browser, nessun server richiesto.
Demo Live | Documentazione Tecnica
| SQL Lab | Python Lab | DataLab |
|---|---|---|
 |
 |
 |
| Analytics Dashboard | Analytics Dashboard |
|---|---|
 |
 |
- 775 esercizi SQL organizzati per argomento e difficoltà
- 660 esercizi Python su 15 argomenti: dalle basi a Pandas e Seaborn, più Giochi, Forecasting e Deep Learning
- 110 esercizi DAX allineati alle skill della certificazione Power BI PL-300
- DataLab: carica file (CSV, JSON, Excel, TSV), analizza con SQL e Python, crea grafici Matplotlib
- Grafici professionali: visualizzazioni con QuickChart e Matplotlib, esportabili in PNG, JPG, SVG e PDF
- Export completo: scarica tabelle e risultati in CSV, Excel e PDF
- Spiegazione AI degli errori: quando sbagli un esercizio, un tutor spiega in italiano dove hai sbagliato e come correggere
- Salva i progressi: registrati per sincronizzare su più dispositivi
- Installabile su smartphone: funziona come un'app nativa
Il modulo principale per imparare SQL, con esercizi che vanno dalle basi fino alle query avanzate.
| Argomento | Cosa Impari |
|---|---|
| Select Base | Selezionare dati, alias, DISTINCT |
| Filtri | WHERE, AND/OR, IN, LIKE, NULL |
| Ordinamento | ORDER BY, LIMIT |
| Funzioni | UPPER, ROUND, LEN, CONCAT |
| Date | Lavorare con date e intervalli |
| Join | Unire più tabelle tra loro |
| Aggregazione | GROUP BY, SUM, AVG, COUNT |
| Logica Condizionale | CASE WHEN |
| Avanzate | Subquery, Window Functions, CTE |
- Facile: suggerimenti espliciti, perfetto per iniziare
- Medio: meno aiuti, richiede più ragionamento
- Difficile: solo concetti, devi trovare tu la soluzione
Modalità speciale dove le query contengono errori intenzionali. Devi trovare e correggere:
- Errori di sintassi (virgole mancanti, typo)
- Errori logici (WHERE invece di HAVING)
- Errori avanzati (parentesi mancanti)
Un ambiente completo per caricare, analizzare e visualizzare i tuoi dati con SQL e Python.
- Modalità SQL: scrivi query SQL standard sui tuoi dati
- Modalità Python: editor Python completo con Pyodide, Matplotlib, Pandas e NumPy
- Switch istantaneo: passa da SQL a Python con un click
- CSV, TSV, JSON, Excel: trascina o seleziona i file
- Bridge dati automatico: i dati caricati sono accessibili sia da SQL che da Python come DataFrame
- Gestisci tabelle: rinomina, elimina, modifica colonne
- Analisi qualità dati: controlla valori nulli, tipi, statistiche
Genera grafici professionali direttamente dall'editor Python:
- Stile professionale: tema dark con palette colori vibrante e DPI elevati
- Vista fullscreen: espandi i grafici a schermo intero con un click
- Download multi-formato: esporta in PNG, JPG, SVG o PDF
- Tabelle esportabili: esporta DataFrame in CSV e Excel
Crea grafici interattivi dai risultati SQL in pochi click:
- 4 tipi di grafico: Barre, Linee, Area, Torta
- Linee di tendenza: aggiungi regressioni lineari
- Annotazioni: clicca sui punti per aggiungere note
- Export completo: PNG, SVG, CSV, JSON o copia negli appunti
Impara Python direttamente nel browser, senza installare nulla.
| Argomento | Cosa Impari |
|---|---|
| Operatori | +, -, *, /, operazioni matematiche |
| Input/Output | Leggere input e stampare output |
| Condizioni | if, elif, else |
| Cicli | for, while, range() |
| Collezioni | Concetti base delle strutture dati |
| Liste | Creare e modificare liste |
| Tuple | Dati immutabili |
| Set | Insiemi e operazioni |
| Dizionari | Coppie chiave-valore |
| Pandas | DataFrame, Series, filtri, aggregazioni |
| Seaborn | Grafici statistici e visualizzazioni |
| Librerie | NumPy, Datetime, Collections, Random |
- Solve: scrivi la soluzione da zero
- Debug: trova e correggi i bug nel codice
Python gira nel browser tramite WebAssembly, e su alcune reti aziendali non si avvia. In quel caso compare un bottone "Perché?" che indica la causa reale: un file bloccato dal proxy (aggirabile) oppure la compilazione WebAssembly disattivata da policy (non aggirabile nel browser, serve la versione desktop).
Percorso di preparazione alla certificazione Power BI PL-300, con 110 esercizi su 14 argomenti: aggregazioni, CALCULATE e contesto di filtro, iteratori, relazioni, time intelligence, variabili, statistiche, misure semi-additive, funzioni tabella, modellazione, visual calculation e gruppi di calcolo, sicurezza a livello di riga, ottimizzazione.
- Quiz: scegli l'espressione DAX corretta fra quattro alternative
- Scrivi la misura: componi tu la formula, che viene validata
Gli scenari seguono la struttura delle domande d'esame: contesto del modello, esigenza di business, domanda esplicita. Ogni esercizio dichiara le tabelle che gli servono con tutte le loro colonne, così non devi indovinare i nomi.
La validazione è tollerante di proposito: il nome della misura, le
maiuscole, gli spazi e il punto e virgola finale non contano, e sono accettate
le formulazioni equivalenti (SUM e SUMX, ALL e REMOVEFILTERS, …). Quando
però la distinzione fra due funzioni è il punto dell'esercizio, l'alternativa
non viene accettata.
Monitora i tuoi progressi con visualizzazioni interattive:
- Heatmap Contributi: stile GitHub, mostra l'attività giornaliera
- Radar Competenze: grafico a ragnatela per SQL e Python
- Statistiche Streak: giorni consecutivi di pratica
- Riepilogo totale: esercizi completati, media tentativi, topic migliore
Gli esercizi usano un database e-commerce realistico:
Users (id, name, email, country, is_premium, created_at)
|
+--< Orders (id, user_id, order_date, status, order_total)
|
+--< OrderItems (id, order_id, product_id, quantity, unit_price)
|
Products (id, name, category, price, stock) >--+
Employees (id, name, department, hire_date, manager_id)
| Categoria | Tecnologia |
|---|---|
| Frontend | React 19 + TypeScript + Vite 6 |
| Database locale | AlaSQL (tutto nel browser) |
| Backend | PocketBase self-hosted su Coolify (solo login e sync progressi; la guest mode funziona senza backend) |
| Python | Pyodide (Python in WebAssembly, servito dal dominio dell'app, non da CDN) |
| Grafici SQL | Recharts |
| Grafici Python | Matplotlib (via Pyodide) |
| Spiegazioni AI | Vercel Function + OpenRouter (la chiave resta server-side) |
| jsPDF | |
| Stile | Tailwind CSS |
L'app usa un approccio ibrido:
- Velocità: il database SQL degli esercizi vive nel browser, quindi le query sono istantanee
- Persistenza: i progressi sono sempre salvati in LocalStorage; se sei loggato vengono anche sincronizzati sul backend (merge automatico guest → account al login)
- Privacy: i tuoi file CSV rimangono locali, non vengono mai inviati a server esterni
- Resilienza: se il backend è irraggiungibile un circuit breaker disattiva le chiamate cloud e l'app continua a funzionare in locale (incluso il logout)
Per lo stato di lavorazione corrente e i prossimi step vedi HANDOFF.md.
Questo progetto dimostra competenze in:
- React avanzato: gestione stato complessa, hooks personalizzati
- TypeScript: tipizzazione rigorosa su un codebase di 10.000+ righe
- Database: integrazione AlaSQL + PocketBase
- UX/UI: interfaccia professionale con dark mode
- Performance: ottimizzazione per dispositivi mobile
- PWA: app installabile con service worker
- Node.js 18 o superiore
git clone https://github.com/username/devhub.git
cd devhub
npm install
npm run devPer abilitare login e sync, crea .env.local:
VITE_POCKETBASE_URL=https://tuo-pocketbaseSenza questa variabile l'app funziona in guest mode, con i progressi salvati solo in locale.
Per la spiegazione AI degli errori serve OPENROUTER_API_KEY fra le Environment
Variables del progetto su Vercel — non in un file del repo: la chiave resta
lato server e non finisce mai nel bundle del browser. Facoltativa
OPENROUTER_MODEL per cambiare modello senza toccare il codice. Se manca la
chiave, il bottone mostra un avviso e il resto dell'app funziona normalmente.
Fatto di recente:
- Sezione DAX per la certificazione Power BI PL-300: 110 esercizi, quiz e formule da scrivere, con validazione tollerante (il nome della misura, gli spazi e le maiuscole non contano) e scenari in stile esame.
- Pyodide self-hosted: l'ambiente Python non dipende più da CDN esterni,
quindi parte anche dietro reti che li filtrano. Come effetto collaterale
resta utilizzabile offline dopo il primo caricamento. La libreria standard è
servita come
.bine non come.zip, perché alcuni proxy aziendali bloccano gli archivi: stessi byte, tipo di file che non fa scattare il filtro. - Spiegazione AI degli errori: un tutor che dice dove hai sbagliato, con ripiego automatico fra più modelli quando quelli gratuiti sono saturi.
- Diagnostica dell'ambiente Python: se non parte, l'app dice perché invece
di mostrare il criptico
exit(1)di Emscripten. - Tailwind build-time al posto del CDN.
- Backend su PocketBase self-hosted.
In corso / prossimi:
- Coding Lab — sezione dedicata al problem solving: completare, riparare, alleggerire e documentare progetti veri da 500 a 5.000 righe, valutati con test automatici invece che con un output atteso. Vive in DevHub Desktop, che ha un interprete Python reale.
- Riscrittura esercizi SQL: spacchettare il generatore monolitico in moduli per argomento e uniformare le spiegazioni ripetute.
- Progressi DAX cross-lab: oggi salvati solo in locale, da portare in Analytics e PocketBase.
MIT
Sviluppato con passione per il clean code e l'apprendimento pratico.