Assembla la tua dashboard pronta al deploy
Assembla la tua dashboard pronta al deploy
Questo è il progetto finale. Hai costruito card KPI, un grafico e un layout di report — ora unirai i pezzi in un'unica pagina dashboard completa e pronta al deploy, che potresti pubblicare a un URL reale.
Assemblerai una pagina intera: un header con il brand, una riga di card KPI, una sezione grafico e una tabella dati — tutto in un'unica schermata coerente. Questo è l'artefatto che consegni a uno stakeholder dicendo "ecco la dashboard live".
Pensa dall'inizio alla fine. Un'app pronta al deploy non è solo bella: è organizzata, leggibile e si spiega da sola. Alla fine di questa lezione avrai un'app dati da portfolio. Pubblichiamola.
Istruzioni
Aggiungi un header di pagina con un titolo h1 dell'app "Analisi Vendite".
Suggerimento: Usa: `<header class="bg-gray-800 ..."><h1 class="text-2xl font-bold">Analisi Vendite</h1></header>`.
Dove va scritto?
<!-- Assembla qui la tua dashboard completa -->Scrivilo alla riga 11: sotto quel commento, dopo il codice che hai già aggiunto.
Aggiungi una riga di KPI usando un contenitore a griglia responsive.
Aggiungi una sezione grafico usando div barra stilizzati con il colore bg-purple-500.
Aggiungi una tabella dati per gli ordini recenti per completare la dashboard.
Il tuo codice
Descrivi ciò che vuoi creare per questo passaggio e scriverò il codice — poi clicca su Applica per inserirlo nel tuo editor. Questo passaggio: Aggiungi un header di pagina con un titolo h1 dell'app "Analisi Vendite".