Ciao. Mi chiamo

Andrea Lisi.

Senior Software Engineer.

Piattaforme frontend, strumenti per sviluppatori e design system

Oltre 18 anni nello sviluppo di software per il web, soprattutto frontend: applicazioni, librerie condivise e strumenti per sviluppatori. Architettura, performance e integrazioni insieme ai team, dalle decisioni tecniche all’implementazione.

Dove vivo Vienna, Austria
Come lavoro Remoto o ibrido
Percorso Web design e UI
Lingue IT · EN · DE in corso
Andrea Lisi

Esperienza

Senior Software Engineer @ Tricentis

IN CORSO 2023 · OGGI

Piattaforma frontend, governance e design system

Esperienza su Tosca Cloud · VIENNA, AT

Decisioni tra team. Punto di riferimento insieme all’architetto del team per le iniziative di Tosca Cloud sull’intera monorepo. Definizione di soluzioni condivise con sviluppatori, engineering manager, principal engineer di altre piattaforme e referenti di prodotto.

Sviluppo della piattaforma. Sviluppo e manutenzione di librerie, strumenti e configurazioni condivise; risoluzione di problemi trasversali e supporto all’adozione nei team. Le feature di prodotto restavano ai rispettivi team.

Migrazioni e design system. Infrastruttura per gli aggiornamenti, coordinamento con i team ed esecuzione delle migrazioni quando necessario. Interventi su componenti e temi condivisi per correggere le differenze tra prodotti.

Performance e strumenti. Ottimizzazione di build e pipeline, aggiornamento degli strumenti di sviluppo e documentazione delle decisioni negli ADR. Definizione delle regole della monorepo e supporto ai team nell’applicarle.

React TypeScript Microfrontend 16 progetti 12+ team Quality gates

Frontend Developer @ Treedom

2019 · 2023

Piattaforma e-commerce per piantare alberi · FIRENZE, IT

Contributo alla migrazione dello storefront fuori dal monolite, nel team frontend, con React, Vue e GraphQL.

Ricostruzione dello storefront durante la crescita dell’azienda da circa 20 a più di 150 persone.

Interfacce per campagne ad alto traffico, con il confronto regolare con i team di design e design system per integrare le richieste e rispettare mockup e standard condivisi.

Sviluppo da zero del frontend del back-office interno negli ultimi due anni. Unico frontend developer del progetto, insieme al team backend e alle persone delle operazioni forestali che usavano gli strumenti.

React Vue GraphQL Migrazione storefront

Frontend Developer @ Forzieri.com

2017 · 2019

E-commerce di lusso · FIRENZE, IT

Introduzione graduale di React e di una nuova configurazione Webpack per modernizzare il frontend di un e-commerce di lusso in produzione.

Rilascio di nuove funzionalità durante la migrazione, con il negozio sempre online.

Sviluppo sullo storefront e sul CMS interno per gli ordini e la gestione quotidiana del negozio.

React Webpack E-commerce CMS

Head of Web · Designer & Developer @ Easysystem

2007 · 2017

Agenzia web e servizi IT · FIGLINE VALDARNO, IT

Un ruolo iniziato nel design e ampliato negli anni allo sviluppo web, ai sistemi backend e all’infrastruttura presso i clienti.

Progettazione da zero di siti, interfacce, identità visive e materiali per la stampa per i clienti.

Sviluppo e manutenzione di applicazioni frontend e backend.

Installazione di server, reti e firewall presso i clienti, comprese le manifatture del distretto toscano della pelle e della moda.

Design Web Backend Infrastruttura

Progetti personali

Sviluppo di giochi e web design

Lumina

Un progetto personale: un gioco fantasy multiplayer basato sul testo.

Design delle interfacce, sviluppo del client React, backend Node.js/MongoDB e infrastruttura Cloudflare.

  • Node.js
  • MongoDB
  • React
  • Cloudflare
Esplora Lumina
Il sito pubblico di Lumina: un paesaggio fantasy con titoli dorati e la navigazione per esplorare il mondo del gioco.
Il sito del progetto. Il gioco è in sviluppo.

Esperimento di interfacce e simulazione

Deepfield

Un prototipo di esplorazione spaziale controllato attraverso mappe, sensori e pannelli di bordo. Sviluppo della simulazione e delle interfacce per navigare la galassia e gestire i sistemi della nave.

Ho interrotto lo sviluppo perché non vedevo un percorso sostenibile per portarlo sul mercato. Il prototipo resta un esperimento di design delle interazioni, visualizzazione dei dati e sviluppo software.

  • TypeScript
  • PixiJS
  • WebGL
  • Simulazione
Schermate del prototipo. Sviluppo interrotto; codice non pubblico.

Strumento open source per sviluppatori

lockhound

Una CLI per Windows che identifica i processi che tengono bloccata una cartella. Usa la Windows Restart Manager API e non richiede dipendenze aggiuntive.

Il comando mostra quali processi bloccano la cartella. Terminarli richiede un’azione separata ed esplicita, così puoi prima vedere cosa sta succedendo.

  • Windows
  • Restart Manager API
  • Developer tooling
Leggi il codice su GitHub
PowerShell
npx lockhound
Esempio d’uso. Ispeziona una cartella senza terminare alcun processo.

Su cosa lavoro

Architettura e piattaforma

  • Architettura di monorepo
  • Micro-frontend
  • Confini tra moduli
  • Librerie condivise
  • RFC tecnici
  • ADR
  • OpenTelemetry
  • JWT e interceptor HTTP

Sviluppo web

  • React
  • TypeScript
  • Vue
  • Zustand
  • GraphQL
  • Node.js
  • JavaScript
  • HTML e CSS

Build system e monorepo

  • Nx
  • pnpm workspaces
  • Vite
  • Webpack
  • Cache delle build
  • Confini delle dipendenze

Test e rilascio

  • Vitest
  • Jest
  • Playwright
  • GitHub Actions
  • Azure Pipelines
  • Amministrazione repository

Design e sviluppo UI

  • Figma
  • Adobe Creative Cloud
  • Design system
  • Design token
  • Storybook
  • Accessibilità

Performance e developer experience

  • Analisi dei bundle
  • Code splitting
  • Cache browser e CDN
  • Strumenti condivisi
  • Documentazione
  • Valutazione di strumenti AI

Come lavoro

Un occhio all’interfaccia

Il punto di partenza è stato il web design. Poi sono arrivati identità visive, grafica per la stampa, backend e infrastruttura. Un percorso che si ritrova nel lavoro con i designer: interfacce fedeli ai mockup, nell’aspetto e nel comportamento.

Regole e controlli automatici

Decisioni condivise messe per iscritto e controlli automatici dove possibile. Su dipendenze, confini tra moduli e build. Mi evita anche di ripetere la stessa conversazione con una decina di persone, una alla volta.

Codice e collaborazione

Sviluppo e debugging insieme a sviluppatori junior e senior. Confronto regolare con i loro manager e con design, security e sales per chiarire le richieste e concordare le modifiche tra prodotti.

Come uso l’AI nello sviluppo

Valutazione di Claude, Cursor e altri assistenti su attività reali di sviluppo. Istruzioni del repository, documentazione e strumenti condivisi per orientarli nel codice. Gli errori ricorrenti sono il punto di partenza per migliorare questo contesto, oltre a correggere il codice.

Come li uso nel lavoro quotidiano

Restiamo in contatto