Lavori
10 progetti per clienti, associazioni e community, dal 2016 a oggi. Più sotto, la piattaforma su cui li costruisco e gli strumenti che ho reso pubblici.
2026
Tai Chi Sesto
Federico Liuzzi · in corso
Cliente
Il sito dei corsi di Tai Chi e Qi Gong di Federico Liuzzi, insegnante nel lignaggio di Lo Spazio del Tao, a Sesto San Giovanni e Cinisello Balsamo. Presenta la pratica, le sedi con orari e indicazioni, gli insegnanti, e si scrive direttamente a Federico via email o WhatsApp.
- Italiano e inglese
- Sedi, orari e come arrivare
- Mappa caricata solo su consenso
- Contatto diretto via WhatsApp
- SEO e anteprime di condivisione
Nuxt · Vuetify · TypeScript
2025
Beacon
Progetto personale · in corso
Personale
La pagina live di un team di streamer, su Twitch e Kick. Crei il team, incolli i canali e condividi il link: chi lo apre vede subito chi è in live, e il team può ricevere gli avvisi su Discord quando qualcuno va in onda, cambia gioco o chiude. I creator entrano con Twitch e trovano su una sola schermata i team in cui compaiono e le statistiche delle loro live; possono uscire da un team o bloccarlo, e scegliere quale mostrare nel pannello sotto il proprio canale Twitch. I team ufficiali di Twitch si aggiornano da soli ogni notte. Team, creator, giochi e statistiche si leggono anche da un'API pubblica senza chiave: è quella che usa DBD Builds per mostrare i team di Kaish.
- Team con canali Twitch e Kick
- Chi è in live, controllato ogni 5 minuti
- Avvisi Discord per ogni team
- Area creator con statistiche e giochi
- Pannello per i canali Twitch
- Team Twitch sincronizzati
- Organizzazioni con più team e inviti
- API pubblica in lettura, senza chiave
- Italiano e inglese
Nuxt · NestJS · Prisma · TypeScript · PostgreSQL · Twitch API · Kick API
2025
DBD Builds
Kaish79 · in corso
Cliente
Il sito dello streamer Kaish79, costruito attorno a un costruttore di build per Dead by Daylight. Gli utenti si registrano, creano e condividono le proprie build; Kaish mette in evidenza le migliori dal pannello di amministrazione e vede quante volte vengono aperte. Intorno, una wiki completa del gioco, tutta tradotta.
- Costruttore di build completo
- Sistema utenti e ruoli
- Upload immagini via FileHarbor
- Build in evidenza e metriche
- Wiki completa di gioco
- Traduzione completa
- Tempi di attesa lobby
- Mappe con callout e regni
Nuxt · Vuetify · NestJS · Prisma · TypeScript · PostgreSQL
2023
Element Gaming Links
Element Gaming ASD
Cliente
Una pagina sola con tutti i link di Element Gaming: social, comunicati e risorse, nella grafica del brand. L'idea di Linktree, ma su un dominio di Element.
- Gestione dei link
- Profili social integrati
- Personalizzazione brand
Nuxt · Node.js · Vuetify · NGINX · Sass
2023
Studio Arte Puma
Emanuele Puma · in corso
Cliente
La vetrina di Emanuele Puma, pittore e scultore. Le opere sono disposte come un percorso: dalla pittura figurativa all'astratto, dalle copie dei maestri in grafite e pastello fino alla terracotta. Pensato per chi arriva dalla bio di Instagram con il telefono: la prima schermata mostra già un quadro e ogni opera ha la sua pagina con tecnica e misure.
- Galleria a percorso per categoria
- Pagina per ogni opera con tecnica e misure
- Immagini ridimensionate al volo
- Pagine prerenderizzate
- Contatto diretto via email e Instagram
Nuxt · GSAP · FileHarbor · Docker
2019
Element Gaming
Element Gaming ASD
Cliente
La piattaforma del network e-sport Element Gaming: team, giocatori, eventi e news, più lo stato live degli streamer letto dalle API di Twitch. Gli streamer hanno una loro dashboard e un marketplace interno.
- Monitoraggio in tempo reale
- Integrazione Twitch API
- Dashboard team e streamer
- Backend Node.js
Nuxt · Node.js · Vuetify · NGINX · Sass
2019
Protezione Civile Settimo Milanese
Protezione Civile di Settimo MilaneseCliente
Il sito della Protezione Civile di Settimo Milanese: attività, volontari, sede e mezzi del gruppo, più una sezione con gli aggiornamenti di emergenza in tempo reale collegata ai sistemi di allerta.
- Aggiornamenti di emergenza in tempo reale
- Attività ed eventi dell'associazione
- Integrazione sistemi di allerta
- Pensato prima per il telefono
Nuxt · Node.js · Vuetify · NGINX
2018
Gym Track
Personal trainerCliente
Web app per un personal trainer che segue i clienti a distanza: profili, calendario delle sessioni, schede di esercizi su misura, progressi e chat.
- Gestione clienti
- Pianificazione sessioni
- Assegnazione esercizi
- Monitoraggio progressi
- Chat integrata
Node.js · HTML5 · CSS3 · JavaScript
Scheda e schermate: Gym Track Progetto privato, niente link pubblico.2017
ALIRDB
ALIR Community
Cliente
Database pubblico del server Altis Life della community ALIR su Arma 3. Dal browser chiunque cerca un giocatore per nome, alias o Steam ID e ne vede patrimonio, gradi, veicoli, gang e capi d'accusa, letti dall'API del server. Lo staff lo usava per i controlli senza aprire il database.
- Ricerca per nome, alias o Steam ID
- Schede con patrimonio, gradi e veicoli
- Gang con controllo del limite membri
- Fedina penale e taglie
- Elenchi di agenti, medici e donatori
HTML5 · CSS3 · JavaScript
2016
ALIR Community
ALIR CommunityCliente
Sito e forum della community ALIR, per il server Altis Life di Arma 3: discussioni, supporto ai giocatori e gestione di utenti e contenuti.
HTML5 · CSS3 · JavaScript · PHP
Scheda e schermate: ALIR Community Progetto privato, niente link pubblico.
La base comune
Accessi, immagini, contenuti, eventi, email: servono a quasi tutti i progetti. Li ho scritti una volta, bene, e li riuso per ogni cliente. Così il tempo va sul tuo progetto, non sulla trentesima riscrittura del login.
Immagini e video
FileHarbor
Carica, ottimizza e serve immagini e video: WebP automatico, ridimensionamento al volo, avatar e album pubblici o privati.
- WebP e ridimensionamento
- Avatar e album
- Video con anteprima
NestJS · TypeScript · Prisma · PostgreSQL · Sharp
CodiceContenuti e commenti
Articuno
Articoli, categorie e traduzioni, con commenti moderati in automatico: parole vietate, segnalazioni, shadow ban.
- Articoli multilingua
- Moderazione automatica
- Webhook firmati
NestJS · TypeScript · Prisma · PostgreSQL
CodiceEventi
Gatherly
Eventi anche ricorrenti e in più lingue, con categorie, tag e partecipanti, pure senza account.
- Ricorrenze standard iCal
- Eventi multilingua
- Partecipanti con o senza account
NestJS · TypeScript · Prisma · PostgreSQL
CodiceEmail
Herald
Le email del tuo sito arrivano: nuovi tentativi automatici, storico delle consegne con reinvio, newsletter settimanali o mensili per lingua.
- Nuovi tentativi senza doppi invii
- Storico e reinvio
- Newsletter per lingua
NestJS · TypeScript · Prisma · PostgreSQL · Brevo
Codice privato
Accessi e utenti
Bastion
Login con password o social, verifica in due passaggi, ruoli e registro delle attività. Tutti gli altri servizi riconoscono i tuoi utenti passando da qui.
- Google, Discord e Twitch
- Verifica in due passaggi
- Ruoli per app e organizzazione
- Sessioni e registro attività
Strumenti e codice aperto
Cose che ho scritto per lavorare meglio io, e che chiunque può usare.
- 2023Nuxt Starter TemplateIl punto di partenza dei miei progetti Nuxt: Vuetify, TypeScript, Pinia, i18n e SEO già configurati.(codice su GitHub)
- 2022ZipLinkAccorciatore di URL con codici personalizzati, conteggio dei click e API documentata.(codice su GitHub)
- 2021AlertConnectorRaccoglie gli avvisi di emergenza della Protezione Civile e li espone con un'API REST standard, pronta da integrare.(codice su GitHub)