Portfolio Personale
Il sito che stai leggendo, costruito da zero senza template.
Dentro il progetto
Le scelte, collegate.
Segui ogni ramo dal vincolo all’effetto. Apri una scelta per approfondire il ragionamento e consultare le fonti.
Punto di partenza
Far capire cosa so costruire, e come lavoro.
Un portfolio bilingue che evolve insieme ai progetti: percorsi chiari, contenuti aggiornabili e un’identità visiva riconoscibile.
Vincolo
Progetti, percorso e contatti competevano dentro un’unica pagina.
Scelta 01
Un percorso per ogni intento
Esplora la sceltaChiudi il dettaglio- Perché questa scelta
- La migrazione dalla pagina unica ad App Router separa esplorazione dei progetti, profilo e contatti. Ogni case study ha uno slug stabile e metadati propri.
- Il compromesso
- Più pagine significano curare i passaggi fra loro: navigazione coerente, ritorno all’indice e progetto successivo.
- Nel progetto
- La cronologia documenta il redesign multi-route; gli helper centralizzano gli slug e i metadati associano un URL canonico a ogni percorso.
Esplora le fonti
Effetto
Ogni progetto ha un link diretto e un percorso di lettura dedicato.
Vincolo
L’identità visiva deve convivere con tempi di lettura e accessibilità.
Scelta 02
Prima il contenuto, poi il movimento
Esplora la sceltaChiudi il dettaglio- Perché questa scelta
- Il loader monta subito la pagina e sovrappone l’intro. I reveal spostano il testo senza renderlo trasparente; gli effetti rispettano la riduzione del movimento e si fermano fuori schermo.
- Il compromesso
- Le animazioni hanno un budget preciso: niente attese obbligatorie per leggere, e ogni effetto richiede una versione a movimento ridotto.
- Nel progetto
- Loader, registerIn e usePauseOffscreen rendono verificabili queste scelte. Il report Lighthouse alimenta i punteggi pubblicati nel footer.
Esplora le fonti
Effetto
Contenuto leggibile dal primo HTML, anche con movimento ridotto.
Vincolo
Due lingue e un CV in PDF aumentano il contenuto da mantenere.
Scelta 03
Contenuti tipizzati, UI separata
Esplora la sceltaChiudi il dettaglio- Perché questa scelta
- File di dati e dizionari IT/EN tengono i testi fuori dai componenti. Il CV viene generato nel browser con jsPDF e riceve la lingua attiva.
- Il compromesso
- Il sistema i18n resta piccolo, ma le traduzioni e il sottoinsieme di testi del CV vanno mantenuti esplicitamente: il controllo dei tipi verifica la struttura, non l’equivalenza dei contenuti.
- Nel progetto
- LocaleProvider gestisce la lingua; generateCV legge t.cvData. Un successivo redesign porta il CV a una colonna con date in un margine dedicato.
Esplora le fonti
Effetto
Lingua coerente tra sito e download, senza modificare i componenti.
Dove portano le scelte
Il portfolio diventa anche una dimostrazione del metodo.
Routing, rendering e contenuti sostengono la stessa esperienza. Il progetto continua a evolvere attraverso modifiche verificabili, un CV generato dal browser e audit pubblicati nel footer.
Il progetto in pratica
Sei giàqui.
Il portfolio che stai esplorando.