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
    Nuxt · Vuetify · TypeScript
    Schermata di Tai Chi Sesto

    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
    Nuxt · NestJS · Prisma
    Schermata di Beacon

    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
    Nuxt · Vuetify · NestJS
    Schermata di DBD Builds

    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

    Studio Arte Puma

    Emanuele Puma · in corso
    Nuxt · GSAP · FileHarbor
    Schermata di Studio Arte Puma

    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
    Nuxt · Node.js · Vuetify
    Schermata di Element Gaming

    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 Milanese
    Nuxt · Node.js · Vuetify
    Schermata di Protezione Civile Settimo Milanese

    Cliente

    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 trainer
    Node.js · HTML5 · CSS3
    Schermata di Gym Track

    Cliente

    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

  • 2017

    ALIRDB

    ALIR Community
    HTML5 · CSS3 · JavaScript
    Schermata di ALIRDB

    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 Community
    HTML5 · CSS3 · JavaScript
    Schermata di ALIR Community

    Cliente

    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

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

    Codice
  • Contenuti 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

    Codice
  • Eventi

    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

    Codice
  • Email

    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à
Codice privato

Strumenti e codice aperto

Cose che ho scritto per lavorare meglio io, e che chiunque può usare.

Il prossimo potrebbe essere il tuo.

Raccontami il progetto