Creare, testare, migliorare

Sviluppo completo di una piattaforma web aziendale per GM Microcementos, un'azienda specializzata nell'applicazione di microcemento. Sito web professionale con 15 pagine ottimizzate, focalizzato su performance, SEO e esperienza utente eccezionale. Include calcolatore di budget, galleria progetti filtrabile, moduli avanzati e sistema di design minimalista. Architettura modulare con 100+ componenti riutilizzabili e ottimizzazione Core Web Vitals.

Piattaforma web per Academia CEJ, accademia specializzata in concorsi di giustizia a Malaga. Sito web completamente responsive con blog, campus virtuale, sistema di test delle conoscenze, sistema di iscrizione e gestione corsi. Sviluppato con Next.js 14, React 18, Tailwind CSS, Framer Motion e Docker.

Sviluppo del sito corporate di Dimap, un’applicazione moderna basata su Next.js 15, React 19, Redux Toolkit e TailwindCSS, progettata per offrire prestazioni ottimali e un'esperienza fluida. Il progetto include pagine di servizi, blog, sezioni corporate e moduli con tracciamento dei lead, il tutto costruito su un’architettura modulare con caricamento altamente ottimizzato tramite SSG, Lazy Loading e ClientLoader.

In questo progetto, ho lavorato con un team per costruire da zero una piattaforma focalizzata sulla vendita di prodotti di qualità e sul supporto del commercio locale. Abbiamo lavorato da zero con il concetto fino alla pratica creando sia il back-end che il front-end. Oltre a diverse tecnologie sono state incorporate integrazioni come JWT per il controllo degli account utente e l'accesso, una dashboard per il controllo di tutti i dati... Funzionalità come poter accedere con diversi social network, creazione di account come utente per acquistare prodotti o come azienda per aggiungerli, mappe del luogo più vicino dove si potrebbe trovare il prodotto in questione, tra le altre cose. Per motivi di riservatezza il codice non viene mostrato.

DevCrate è una piattaforma per scoprire risorse di sviluppo (strumenti, librerie, asset, documentazione e sfide). Ti è mai capitato di aver bisogno di una risorsa per il tuo progetto, o semplicemente di ispirazione, e finire a navigare in un’infinità di pagine? Per questo ho creato questa piattaforma: per organizzare e non perdere nessuna delle risorse che ho scoperto nel corso degli anni, e poterle trovare rapidamente senza dipendere da segnalibri sparsi. Include ricerca avanzata, filtri per tag e un’area admin per gestire tutti i contenuti. Consente anche suggerimenti della community per continuare a raccogliere strumenti utili. È costruita con Next.js, React, TypeScript e MongoDB, con autenticazione sicura e un’interfaccia moderna basata su shadcn/ui.

Ricreazione dell’hero ufficiale di Apple per gli AirPods Pro 2, focalizzata sul padroneggiare animazioni avanzate con GSAP e ScrollTrigger. Ho implementato una sequenza di 65 frame renderizzati in Canvas sincronizzata con lo scroll, insieme a transizioni fluide, navigazione dinamica ed effetti visivi ispirati al design originale di Apple. Un progetto dedicato a perfezionare animazioni web ad alte prestazioni.

Sviluppo di una PWA per il riconoscimento di oggetti in tempo reale con Angular 19 e TensorFlow.js. Include la configurazione della PWA, l'integrazione di TensorFlow.js, la cattura e l'elaborazione delle immagini in tempo reale, l'ottimizzazione con Web Workers e Lazy Loading, l'archiviazione offline con IndexedDB e la distribuzione su dispositivi mobili.

Clone della landing page di Grand Theft Auto VI creato esclusivamente per scopi educativi e dimostrazione di competenze di sviluppo web. Sito web moderno con design responsive ottimizzato per tutte le risoluzioni desktop (1024px - 4K). Include menu a discesa con animazioni avanzate usando GSAP, sistema di visualizzazione di personaggi e luoghi con immagini dinamiche, sezione trailer con anteprime interattive e sezione download con card animate. Progetto educativo senza scopo di lucro sviluppato con Astro, Tailwind CSS e JavaScript.

Progetto di pratica per imparare Three.js e TresJS lavorando con modelli 3D. Applicazione web interattiva che permette di personalizzare una scrivania regolabile in altezza (standing desk) con diverse opzioni di finiture e colori. Include vista 3D con controlli orbitali, modelli 3D di laptop, cuffie e pianta decorativa. Personalizza la finitura della scrivania e seleziona i colori per gli accessori con anteprima in tempo reale. Sviluppato con Vue 3, TresJS (integrazione di Three.js con Vue), TypeScript, Vite e UnoCSS.

Piccolo progetto pensato per esercitarsi con Strapi come CMS e backend. È sviluppato con React/Next.js, TypeScript e Tailwind CSS. Anche se nella demo vengono usati dati mockati, nel codice è implementata l'integrazione reale con Strapi per consumare e gestire i contenuti.

Progetto di chat in tempo reale con architettura backend orientata alla produzione. Utilizza Node.js + Express e Socket.IO per comunicazione bidirezionale, con due modalita di storage: in-memory (mock) e persistenza opzionale con Supabase. Il frontend (Vite) puo essere eseguito in modalita demo o live, e la soluzione e organizzata a livelli (configurazione, HTTP, realtime, dominio e storage) per facilitare manutenzione, test e scalabilita.

Implementazione HTML5 del classico Super Mario Bros realizzato con Phaser 3.55.2 per scopi didattici, basato sul lavoro di decapapi. Il progetto ricrea l'esperienza del platform 2D con un'architettura modulare per animazioni, blocchi, strutture, entità, controlli del giocatore e HUD, oltre a extra come l'acquisizione di screenshot con html2canvas. Supporta la distribuzione web e lo sviluppo locale con Vite, rendendo semplici test e contributi open source con la licenza MIT.

Paint Win 95' ricrea l'esperienza classica di Microsoft Paint con un'interfaccia rétro in stile Windows 95 e un comportamento web moderno. Include strumenti di disegno e selezione, palette colori primaria/secondaria, cronologia annulla/ripristina, livelli di zoom di lavoro, apertura di immagini locali, esportazione PNG e supporto per input da mouse, tastiera e touch/stilo tramite Pointer Events.

Bookshop View Transitions è una demo React + Vite incentrata sull’implementazione di transizioni fluide tra pagine con l’API View Transitions, incluse animazioni condivise tra elementi (titolo, copertina e navigazione) per ottenere una navigazione visivamente continua.

Clone di TikTok costruito con React, TypeScript e Vite, progettato con approccio mobile-first. Include feed verticale con riproduzione automatica, navigazione Following/For You, azioni interattive (like, commenti, salvataggi, condivisione), pagine Friends/Inbox/Profile e upload con pubblicazione nel feed. Funziona con architettura a servizi (mock predefinito con persistenza in localStorage) e lascia Supabase pronto per una connessione backend reale.

Progetto open source ispirato al classico Breakout, sviluppato con Astro e logica di gioco in TypeScript su Canvas. Include selettore di difficoltà nel canvas, velocità della palla regolabile e progressiva, mattoni con resistenza variabile e stato visivo di danno, controlli da tastiera e riavvio dopo Game Over.