Works

10 projects for clients, associations and communities, from 2016 to today. Further down, the platform I build them on and the tools I’ve made public.

  • 2026

    Tai Chi Sesto

    Federico Liuzzi · ongoing
    Nuxt · Vuetify · TypeScript
    Screenshot of Tai Chi Sesto

    Client

    The site for Federico Liuzzi’s Tai Chi and Qi Gong classes in Sesto San Giovanni and Cinisello Balsamo; he teaches in the Lo Spazio del Tao lineage. It introduces the practice, the venues with schedules and directions, the teachers, and lets you write to Federico directly by email or WhatsApp.

    • Italian and English
    • Venues, schedules and directions
    • Map loaded only on consent
    • Direct contact via WhatsApp
    • SEO and share previews

    Nuxt · Vuetify · TypeScript

  • 2025

    Beacon

    Personal project · ongoing
    Nuxt · NestJS · Prisma
    Screenshot of Beacon

    Personal

    The live page of a streamer team, on Twitch and Kick. You create the team, paste the channels and share the link: whoever opens it sees right away who is live, and the team can get Discord alerts when someone goes on air, switches game or ends the stream. Creators sign in with Twitch and find on one screen every team they appear in and the stats of their streams; they can leave or block a team, and pick which one shows in the panel under their Twitch channel. Official Twitch teams update on their own every night. Teams, creators, games and stats can also be read from a public API with no key: DBD Builds uses it to show Kaish’s teams.

    • Teams with Twitch and Kick channels
    • Who is live, checked every 5 minutes
    • Discord alerts per team
    • Creator area with stats and games
    • Panel for Twitch channels
    • Synced Twitch teams
    • Organizations with multiple teams and invites
    • Public read API, no key needed
    • Italian and English

    Nuxt · NestJS · Prisma · TypeScript · PostgreSQL · Twitch API · Kick API

  • 2025

    DBD Builds

    Kaish79 · ongoing
    Nuxt · Vuetify · NestJS
    Screenshot of DBD Builds

    Client

    The site of streamer Kaish79, built around a build creator for Dead by Daylight. Users sign up, create and share their own builds; Kaish features the best ones from the admin panel and sees how often they get opened. Around it, a complete game wiki, fully translated.

    • Full build creator
    • Users and roles
    • Image upload via FileHarbor
    • Featured builds and metrics
    • Complete game wiki
    • Full translation
    • Lobby wait times
    • Maps with callouts and realms

    Nuxt · Vuetify · NestJS · Prisma · TypeScript · PostgreSQL

  • 2023

    Studio Arte Puma

    Emanuele Puma · ongoing
    Nuxt · GSAP · FileHarbor
    Screenshot of Studio Arte Puma

    Client

    The showcase of Emanuele Puma, painter and sculptor. The works are laid out as a journey: from figurative painting to abstraction, from copies of the masters in graphite and pastel to terracotta. Built for people coming from his Instagram bio on a phone: the first screen already shows a painting, and every work has its own page with technique and size.

    • Gallery laid out as a journey by category
    • A page for every work with technique and size
    • Images resized on the fly
    • Prerendered pages
    • Direct contact by email and Instagram

    Nuxt · GSAP · FileHarbor · Docker

  • 2019

    Element Gaming

    Element Gaming ASD
    Nuxt · Node.js · Vuetify
    Screenshot of Element Gaming

    Client

    The platform of the Element Gaming esports network: teams, players, events and news, plus the live status of streamers read from the Twitch API. Streamers get their own dashboard and an internal marketplace.

    • Real-time monitoring
    • Twitch API integration
    • Team and streamer dashboard
    • Node.js backend

    Nuxt · Node.js · Vuetify · NGINX · Sass

  • 2019

    Protezione Civile Settimo Milanese

    Settimo Milanese Civil Protection
    Nuxt · Node.js · Vuetify
    Screenshot of Protezione Civile Settimo Milanese

    Client

    The site of the Settimo Milanese Civil Protection group: its activities, volunteers, base and vehicles, plus a section with real-time emergency updates linked to the alert systems.

    • Real-time emergency updates
    • The association’s activities and events
    • Alert system integration
    • Designed phone-first

    Nuxt · Node.js · Vuetify · NGINX

  • 2018

    Gym Track

    Personal trainer
    Node.js · HTML5 · CSS3
    Screenshot of Gym Track

    Client

    Web app for a personal trainer who coaches clients remotely: profiles, session calendar, tailored workout plans, progress and chat.

    • Client management
    • Session planning
    • Exercise assignment
    • Progress tracking
    • Built-in chat

    Node.js · HTML5 · CSS3 · JavaScript

  • 2017

    ALIRDB

    ALIR Community
    HTML5 · CSS3 · JavaScript
    Screenshot of ALIRDB

    Client

    Public database of the ALIR community’s Altis Life server on Arma 3. From the browser anyone looks up a player by name, alias or Steam ID and sees their money, ranks, vehicles, gang and charges, read from the server’s API. Staff used it for checks without opening the database.

    • Search by name, alias or Steam ID
    • Profiles with money, ranks and vehicles
    • Gangs with member limit check
    • Criminal record and bounties
    • Lists of police, medics and donors

    HTML5 · CSS3 · JavaScript

  • 2016

    ALIR Community

    ALIR Community
    HTML5 · CSS3 · JavaScript
    Screenshot of ALIR Community

    Client

    Site and forum of the ALIR community, for the Arma 3 Altis Life server: discussions, player support, and user and content management.

    HTML5 · CSS3 · JavaScript · PHP

The shared foundation

Logins, images, content, events, email: almost every project needs them. I wrote them once, properly, and reuse them for every client. That way the time goes into your project, not into rewriting the login for the thirtieth time.

  • Images and video

    FileHarbor

    Uploads, optimizes and serves images and video: automatic WebP, on-the-fly resizing, avatars and public or private albums.

    • WebP and resizing
    • Avatars and albums
    • Video with preview

    NestJS · TypeScript · Prisma · PostgreSQL · Sharp

    Code
  • Content and comments

    Articuno

    Articles, categories and translations, with automatically moderated comments: banned words, reports, shadow bans.

    • Multilingual articles
    • Automatic moderation
    • Signed webhooks

    NestJS · TypeScript · Prisma · PostgreSQL

    Code
  • Events

    Gatherly

    Events, recurring and multilingual too, with categories, tags and participants, even without an account.

    • Standard iCal recurrence
    • Multilingual events
    • Participants with or without an account

    NestJS · TypeScript · Prisma · PostgreSQL

    Code
  • Email

    Herald

    Your site’s emails get delivered: automatic retries, delivery history with resend, weekly or monthly newsletters per language.

    • Retries without duplicate sends
    • History and resend
    • Newsletters per language

    NestJS · TypeScript · Prisma · PostgreSQL · Brevo

    Private code

Access and users

Bastion

Password or social login, two-step verification, roles and an activity log. Every other service recognizes your users through here.

  • Google, Discord and Twitch
  • Two-step verification
  • Roles per app and organization
  • Sessions and activity log
Private code

Tools and open source

Things I wrote to work better myself, that anyone can use.

The next one could be yours.

Tell me about your project