Sito CV interattivo · data-driven

Tutto il sito sta in cv_data.json. Cambi il file, il sito segue.

Niente CMS, niente build. Un file solo, bilingue, con dentro profilo, esperienze, tag e regole del titolo. Il sito lo legge e si costruisce da solo: sezioni, filtri, contatori, PDF. Qui a sinistra il file (dati finti); a destra cosa ne esce, un pezzo alla volta.

cv_data.json · demo
01 · profile

Il nome diventa particelle

Il primo campo del file è l'unico che il sito «disegna»: il nome si compone da una nuvola di punti e si scioglie quando scorri. Il resto è testo vero, leggibile, indicizzabile.

Il nome composto dalle particelle, ad animazione finita
02 · experience

Ogni voce è una carta di vetro

Azienda, ruolo, periodo, gancio, punti. La durata la calcola il sito dalle date. Le carte rifrangono la galassia che ci passa dietro.

Le carte delle esperienze; in alto il nome e il titolo seguono lo scorrimento
03 · expskills

I tag sono la mappa

Ogni esperienza dichiara le competenze che ha toccato. Sono id, non parole libere: la tassonomia è nel file, così i filtri non inventano niente.

Expertise: cinque domini, ognuno coi suoi tag
04 · tag_taxonomy

Il filtro: il lettore sceglie

Ogni dominio ha i suoi tag. Chi legge ne accende due o tre e il CV si ricompone: restano le esperienze pertinenti, il titolo cambia, i contatori pure.

Due tag accesi nella barra in basso: restano cinque esperienze, il titolo e i contatori cambiano
05 · headline_rules

Il titolo non è scritto: è calcolato

Regole nel file: se il lettore filtra per ML, il sottotitolo dice ML. Lo stesso profilo, letto da un recruiter diverso, si presenta diverso.

Il titolo prima del filtro e dopo: da Computational Biologist a Computational Biology ML Engineer
06 · mobile

Sul telefono la galassia diventa pioggia

Stesso file, stesso motore. Le particelle cadono invece di orbitare, le carte di vetro restano, il filtro diventa un bottone e la barra in alto si stringe: sigla, nome, titolo su una riga sola.

Sul telefono: la pioggia di particelle, le carte, il bottone Filtri
1file JSON
2lingue nello stesso file
0build step
A4PDF pulito dalla stessa pagina
265commit, un mese
Provalo dal vivo → Nome, esperienze e tag sono inventati: è il motore open-source con i dati di prova. Si sostituisce un file e il CV è tuo. Il repo su GitHub →