Contesto
Contesto
Design visuale, dati iniziali, font e asset provengono da Frontend Mentor; l’implementazione trasforma il brief in un’applicazione senza framework e con confini espliciti.
Problema e vincoli
Problema e vincoli
Il brief richiedeva una dashboard finanziaria con transazioni, budget, salvadanai, bollette ricorrenti, filtri e conversione valutaria, mantenendo comprensibile il comportamento del dominio.
Ruolo
Ruolo
Implementazione frontend, architettura, documentazione e verifica automatica.
Decisioni
Decisioni
Stato di dominio, stato UI e stato di routing posseduto dall’URL sono separati. Le action gestiscono le mutazioni, i selector derivano i modelli di lettura, la persistenza normalizza i dati e le view non possiedono le regole di dominio.
Contributo
Contributo
Ho implementato moduli ES nativi, azioni di dominio, selector puri, stato UI, hash routing, persistenza, view e componenti riutilizzabili, integrazione con API valutarie e test automatici.
Architettura e implementazione
Architettura e implementazione
Moduli ES nativi separano state, persistence, actions, selectors, views, components, handlers, router e un currency service isolato. Il browser è il runtime; non c’è una dipendenza da framework.
Verifica
Verifica
Il repository include test automatici per utility, stato, persistenza, action, selector, router, componenti e currency service, oltre a test d’integrazione per bootstrap, route supportate e registrazione degli event listener.