PlateCreate - Configuratore di cornici portatarga

Sfida: realizzare un editor di design di livello professionale che supporti testo, immagini, forme e disegno a mano libera con precisione al pixel, restando intuitivo per utenti non tecnici sia su desktop sia su mobile.

Soluzione: ho costruito l'editor su Konva.js con oltre 50 font per cornici portatarga, sei strumenti per le forme, quattro tipi di pennello con controllo dell'opacità e un sistema completo di gestione dei livelli con controllo dello z-index. L'aggancio intelligente in stile Canva offre guide di allineamento al centro, ai bordi e tra elementi, anche per gli elementi ruotati. L'editor include annulla/ripeti con cronologia completa, scorciatoie da tastiera, aggancio della rotazione agli angoli principali, controlli dello zoom (10%–300%), griglie, righelli ed esportazione PNG e PDF ad alta risoluzione, pronta per la stampa. Un'interfaccia responsive per mobile, con pannello inferiore a scomparsa e barra degli strumenti flottante, garantisce un'esperienza fluida su ogni dispositivo.

Sfida: supportare cinque ruoli utente distinti (utenti standard, super amministratori, concessionarie, tipografie e partner immobiliari), ognuno con dashboard, permessi e flussi di lavoro propri, insieme a una pipeline e-commerce completa con pagamenti, marketplace e raccolta fondi.

Soluzione: ho progettato un sistema basato sui ruoli, con reindirizzamento automatico alla dashboard giusta e portali dedicati a ogni tipo di utente. Le concessionarie gestiscono modelli e codici sconto, le tipografie si occupano dell'evasione degli ordini con smistamento per area di servizio e i partner immobiliari configurano ordini a spedizione automatica. La piattaforma integra Stripe per un checkout sicuro con gestione dei webhook, un marketplace di design con flusso di approvazione degli amministratori, campagne di raccolta fondi con monitoraggio degli obiettivi e richieste di prelievo, e un programma di referral con premi in crediti e blocco dell'auto-referral.

Sfida: garantire tempi di caricamento rapidi e un sistema di autenticazione sicuro su una piattaforma ricca di funzionalità, distribuita su infrastruttura edge con archiviazione basata su SQLite e object storage per i file caricati dagli utenti.

Soluzione: ho distribuito la piattaforma su Cloudflare Pages con D1 (SQLite) come database e R2 per l'archiviazione delle immagini, usando 22 indici di database e una cache HTTP aggressiva (10 min di cache del browser, 2 ore di cache CDN) per ottenere caricamenti della dashboard sotto i 100 ms: un miglioramento del 95%. L'autenticazione usa token di sessione con verifica a due fattori (OTP via email tramite Resend, OTP via telefono tramite Twilio), una cache di sessione di 30 secondi che riduce del 90% gli accessi al database, limiti di frequenza delle richieste sugli endpoint sensibili e hashing delle password con bcrypt. La piattaforma conta 44 migrazioni del database con transazioni conformi ad ACID.