01 / Punto di partenza

FRANCESCO
SPINA.

WEB & CREATIVE DEVELOPER

Sviluppo web e interfacce interattive.
Esperienza in web operations con AEM e WordPress.

Cerco opportunità come Web Developer · Milano, Lombardia e remoto.

02 / Il mio percorso

ABOUT.

Sviluppo web, gestione di contenuti digitali e progetti personali.

La mia esperienza in agenzia incontra la formazione full stack e la curiosità di sperimentare con il codice.

Mi occupo di web operations con AEM, WordPress e Jira. Nei progetti personali esploro web app e homelab Linux.

Esplora i miei progetti →

Competenze

  • Lavoro in agenzia

  • AEM — Lavoro in agenzia
  • WordPress — Lavoro in agenzia
  • Jira — Lavoro in agenzia
  • WooCommerce — Lavoro in agenzia
  • Adobe — Lavoro in agenzia
  • Microsoft Office — Lavoro in agenzia
  • Bootstrap — Lavoro in agenzia
  • Sass — Lavoro in agenzia
  • Formazione e progetti

  • HTML — Formazione e progetti
  • CSS — Formazione e progetti
  • JavaScript — Formazione e progetti
  • Vue — Formazione e progetti
  • PHP — Formazione e progetti
  • Laravel — Formazione e progetti
  • GitHub — Formazione e progetti
  • React — Formazione e progetti
  • Python — Formazione e progetti
  • TypeScript — Formazione e progetti
  • Next.js — Formazione e progetti
  • Node.js — Formazione e progetti
  • Tailwind CSS — Formazione e progetti
  • Vercel — Formazione e progetti
  • Three.js — Formazione e progetti
  • MySQL — Formazione e progetti
  • Electron — Formazione e progetti
  • Android — Formazione e progetti
  • VS Code — Formazione e progetti
  • Playwright — Formazione e progetti
  • Sperimentazione personale

  • Windows — Sperimentazione personale
  • Linux — Sperimentazione personale
  • Shopify — Sperimentazione personale
  • Docker — Sperimentazione personale
  • Arduino — Sperimentazione personale
  • Raspberry Pi — Sperimentazione personale
  • ESP32 — Sperimentazione personale
  • KVM — Sperimentazione personale
  • SSH — Sperimentazione personale
  • Tailscale — Sperimentazione personale
  • Strumenti AI

  • Claude — Strumenti AI
  • ChatGPT — Strumenti AI
  • Ollama — Strumenti AI

Formazione

Boolean

Full Stack
Development

  • Struttura e interfacce responsive con HTML e CSS.
  • Logica frontend con JavaScript e Vue.
  • Sviluppo backend con PHP e Laravel.

03 / Distretto dei progetti

PROJECTS.

Progetti personali.
Esperimenti concreti.

Schermata olografica di BT Darts Score Board
01 / Web Application

BT Darts Score Board

Giocatori, tornei e classifiche per le serate di freccette. Un companion offline per il totem Pub Time Darts.

  • React
  • TypeScript
  • Vite
  • IndexedDB
  • Fastify
Approfondimento
Il problema
Il totem gestisce giochi e punteggi, ma non l’organizzazione di giocatori e tornei.
La soluzione
L’app registra risultati, organizza gironi ed eliminazione diretta e conserva lo storico. La modalità standalone usa IndexedDB e funziona offline; quella condivisa usa un’API Fastify con SQLite.
Il mio contributo
Ho definito i requisiti e l’interfaccia del companion, lavorando al codice con il supporto dell’AI.
La difficoltà affrontata
Gestire iscritti e squadre oltre i quattro slot del totem, distribuendoli in manche flessibili senza confondere i turni. Il risultato finale del totem resta il riferimento ufficiale.
Verifiche documentate
Il repository include test Vitest per regole, API e persistenza e test Playwright per i flussi shared e standalone. È documentata una checklist per le prove su smartphone: la presenza dei test non equivale a una validazione sul campo completa.
Uso dell’AI
L’AI supporta lo sviluppo del codice. Requisiti e scelte di interfaccia sono parte del mio contributo; le verifiche tecniche documentate sono consultabili nel repository.
Schermata olografica di Sensei Learning
02 / Learning Platform

Sensei Learning

Uno spazio desktop per eseguire artifact interattivi generati dall’AI e seguire percorsi di apprendimento, progressi e obiettivi.

  • Electron
  • React
  • JavaScript
  • Vite
  • SQLite
Approfondimento
Il problema
Raccogliere esperienze interattive generate dall’AI e ritrovare i propri progressi nel tempo.
La soluzione
Sensei esegue artifact JSX, distingue percorsi strutturati e documenti da consultare e tiene traccia di progressi, XP e livelli in un’app desktop. Il progetto è in sviluppo attivo.
Schermata olografica di Casaurea
03 / Consulenza digitale · Web Operations

Casaurea

Gestione e revisione del sito, test di navigazione e consulenza sulle soluzioni digitali a supporto delle attività di Casaurea.

  • Web Operations
  • QA funzionale
  • Analisi dei requisiti
  • Lodgify
  • Consulenza infrastrutturale
Approfondimento
Il mio ruolo
Affianco Casaurea nella gestione e nell’evoluzione dei suoi strumenti digitali, dalla revisione del sito esistente alla valutazione di nuovi applicativi e soluzioni infrastrutturali.
Gestione web e QA
Esamino i percorsi di navigazione e le funzionalità del sito, individuo criticità e segnalo contenuti da aggiornare, elementi da rivedere e nuove pagine o funzionalità da introdurre.
Consulenza digitale
Analizzo le esigenze operative e valuto soluzioni per nuovi applicativi e integrazioni con Lodgify. La consulenza comprende anche la ricerca di server, UPS e hardware adatti alla gestione degli applicativi.
Metodo di lavoro
Navigazione e verifiche funzionali del sito, raccolta delle criticità e formulazione di proposte di aggiornamento e miglioramento.
Ambito del contributo
Il mio contributo riguarda gestione, revisione e consulenza digitale. La realizzazione originaria del sito casaurea.it è esterna al mio incarico.
Schermata olografica di Cops & Robbers
04 / Browser Game

Cops & Robbers

Una fuga in una città voxel notturna, osservata da una console CCTV. Dodici incroci, tre difficoltà e crediti esclusivamente virtuali.

  • JavaScript
  • Three.js
  • Vite
Approfondimento
Il problema
Trasformare una sequenza di scelte di gioco in un’esperienza leggibile e immersiva nel browser.
La soluzione
Un prototipo interamente client-side con città modulare 3D, interfaccia di sorveglianza, tre livelli di difficoltà e storico della sessione. Nessun account o pagamento: i crediti sono solo virtuali.
Schermata olografica di Good Game
05 / Foundry VTT Module

Good Game

Un indicatore della salute tecnica della sessione di gioco: compatibilità dei moduli, dipendenze ed errori, prima e durante la partita.

  • JavaScript
  • Foundry VTT
  • Handlebars
  • CSS
Approfondimento
Il problema
Individuare incompatibilità e problemi tecnici prima che interrompano una sessione di gioco.
La soluzione
Il Game Health Meter combina scansione dei moduli, monitoraggio degli errori e snapshot confrontabili in un punteggio da 0 a 100. Una mascotte reagisce allo stato della sessione.

04 / Nuovi orizzonti

CONTACT.

NEW IDEAS.
NEW WORLDS.
LET’S CREATE
TOGETHER.

01 / 04 Scroll o frecce per esplorare