Ensambla Tu Dashboard Listo para Desplegar
Ensambla Tu Dashboard Listo para Desplegar
Este es el proyecto final. Has construido tarjetas KPI, un gráfico y un diseño de reporte — ahora unirás todas las piezas en una página de dashboard completa y lista para desplegar, que podrías publicar en una URL real.
Ensamblarás una página completa: un encabezado con marca, una fila de tarjetas KPI, una sección de gráfico y una tabla de datos — todo en una sola pantalla cohesiva. Este es el artefacto que le entregas a un cliente y dices «aquí está el dashboard en vivo».
Piensa de principio a fin. Una app lista para desplegar no solo es bonita; está organizada, es legible y se explica sola. Cuando termines esta lección, tendrás una app de datos lista para tu portafolio. ¡Vamos a publicarla.
Instrucciones
Agrega un encabezado de página con un título h1 «Sales Analytics».
Pista: Usa: `<header class="bg-gray-800 ..."><h1 class="text-2xl font-bold">Sales Analytics</h1></header>`.
¿Dónde va esto?
<!-- Assemble your full dashboard here -->Escríbelo en la línea 11: debajo de ese comentario, después del código que ya añadiste.
Agrega una fila de KPI usando un contenedor de cuadrícula responsivo.
Agrega una sección de gráfico usando divs de barras estilizadas con el color bg-purple-500.
Agrega una tabla de datos para los pedidos recientes y completa el dashboard.
Tu código
Describe lo que quieres construir para este paso y escribiré el código — luego haz clic en Aplicar para llevarlo a tu editor. Este paso: Agrega un encabezado de página con un título h1 «Sales Analytics».