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
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
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
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
Element Gaming Links
Element Gaming ASD
Client
A single page with all of Element Gaming’s links: socials, announcements and resources, in the brand’s look. The Linktree idea, but on an Element domain.
- Link management
- Integrated social profiles
- Brand customization
Nuxt · Node.js · Vuetify · NGINX · Sass
2023
Studio Arte Puma
Emanuele Puma · ongoing
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
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 ProtectionClient
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 trainerClient
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
Details and screenshots: Gym Track Private project, no public link.2017
ALIRDB
ALIR Community
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 CommunityClient
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
Details and screenshots: ALIR Community Private project, no public link.
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
CodeContent 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
CodeEvents
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
CodeEmail
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
Tools and open source
Things I wrote to work better myself, that anyone can use.
- 2023Nuxt Starter TemplateThe starting point for my Nuxt projects: Vuetify, TypeScript, Pinia, i18n and SEO already set up.(code on GitHub)
- 2022ZipLinkURL shortener with custom codes, click counts and a documented API.(code on GitHub)
- 2021AlertConnectorCollects the Italian Civil Protection’s emergency alerts and exposes them through a standard REST API, ready to integrate.(code on GitHub)