Vai al contenuto principale

Progetti

Una raccolta di progetti e interfacce web realizzate per mostrare metodo, struttura e attenzione tecnica: responsive design, accessibilità, performance e chiarezza dei contenuti.

Alcuni lavori sono progetti dimostrativi: non servono a mostrare solo una grafica, ma il modo in cui organizzo pagine, componenti e percorsi utente.

Progetti selezionati

  • Screenshot del sito Azzurro di Mare, un progetto dimostrativo pensato come caso studio frontend per un ristorante di pesce immaginario tra Anzio e Nettuno.

    Azzurro di Mare

    Caso studio demo

    Progetto dimostrativo per un ristorante di pesce immaginario, sviluppato con Astro. Integra un form di prenotazione demo in Vue 3 e un’implementazione responsive, con attenzione ad accessibilità, performance, ottimizzazione delle immagini e a uno scenario di SEO tecnica e locale per Anzio e Nettuno.

  • Screenshot del sito DTF Italia, e-commerce per la stampa professionale.

    DTF Italia

    Progetto cliente attivo

    E-commerce headless per servizi di stampa professionale, con frontend Next.js e Tailwind CSS, integrazione WooCommerce, flussi di configurazione e ordine e upload dei file su AWS S3. Il lavoro comprende architettura frontend, performance, accessibilità e SEO tecnica locale per Roma.

  • Screenshot dell'app meteo, fornisce dati meteo in tempo reale per mare e terra.

    App Meteo

    Progetto personale

    App React per consultare meteo terrestri e marini in tempo reale su qualsiasi località. Integra le API Open-Meteo con fetch paralleli, ricerca con debounce e geolocalizzazione automatica. Ottimizzata con un sistema di cache su localStorage per ridurre le chiamate inutili. Stack: React 19, Vite, Tailwind CSS 4.

  • Screenshot dell'app To Do List React, permette di creare e gestire un elenco di task.

    To Do List React

    Progetto personale

    Todo List App App React per gestire le proprie attività quotidiane. Supporta aggiunta, modifica ed eliminazione dei task, con salvataggio automatico in localStorage. Costruita con React 19 e Vite 7, è strutturata in componenti modulari riutilizzabili.

  • Screenshot del sito Little Lemon, un capstone project per la certificazione Frontend Meta.

    Little Lemon

    Progetto formativo

    Capstone project del Meta Front-End Developer Certificate: sistema di prenotazione tavoli costruito con React, form validation, React Router e design responsive. Include test unitari e best practice di accessibilità.

  • Screenshot dell'app To Do List Vanilla JS, permette di creare e gestire un elenco di task.

    To Do List Vanilla JS

    Progetto personale

    App vanilla per gestire le attività quotidiane: aggiungi task con Invio, completali o eliminali, e filtra per stato. I dati persistono grazie al localStorage.

Risultati tecnici

Alcuni progetti vengono verificati anche con strumenti come Lighthouse, per controllare performance, accessibilità, SEO e buone pratiche tecniche.

I punteggi non raccontano tutto, ma aiutano a leggere se una pagina è leggera, navigabile e costruita con basi solide.

Le schermate e i punteggi mostrati si riferiscono alle versioni testate al momento della rilevazione e possono cambiare con gli aggiornamenti successivi.

  • Risultato Lighthouse del portfolio Mirko Passeri con punteggio 100 in Performance, Accessibilità, Best Practices e SEO.

    Portfolio Mirko Passeri

    mirkopasseri.it

    Performance
    100
    Accessibilità
    100
    Best Practices
    100
    SEO
    100
  • Risultato Lighthouse del progetto DTF Italia con punteggio 100 in Performance, Accessibilità, Best Practices e SEO.

    DTF Italia — E-commerce

    dtfitalia.it

    Performance
    100
    Accessibilità
    100
    Best Practices
    100
    SEO
    100

Hai bisogno di un sito o di supporto frontend?

Posso aiutarti a costruire o migliorare una pagina, una landing o un’interfaccia partendo da obiettivi, contenuti e priorità reali.

Parliamo del tuo progetto