Собери готовый к развёртыванию дашборд
Собери готовый к развёртыванию дашборд
Это финальный проект. Ты уже создал KPI-карточки, график и макет отчёта — теперь пора собрать всё вместе в одну полноценную страницу дашборда, которую можно опубликовать по настоящему URL.
Ты соберёшь полную страницу: фирменный заголовок, ряд KPI-карточек, секцию с графиком и таблицу данных — всё на одном цельном экране. Это именно тот артефакт, который ты показываешь заказчику и говоришь: «Вот живой дашборд».
Думай от начала до конца. Готовое к развёртыванию приложение — это не просто красиво; оно организовано, читаемо и понятно без объяснений. Когда ты закончишь этот урок, у тебя будет приложение для работы с данными, достойное портфолио. Давай запустим его!
Инструкции
Добавь заголовок страницы с тегом h1 и названием приложения «Sales Analytics».
Подсказка: Используй: `<header class="bg-gray-800 ..."><h1 class="text-2xl font-bold">Sales Analytics</h1></header>`.
Куда это писать?
<!-- Assemble your full dashboard here -->Пишите в строке 11 — под тем комментарием, после уже добавленного кода.
Добавь ряд KPI с помощью адаптивного grid-контейнера.
Добавь секцию с графиком, используя стилизованные div-столбцы с цветом bg-purple-500.
Добавь таблицу данных с последними заказами, чтобы завершить дашборд.
Ваш код
Опишите, что хотите создать на этом шаге, и я напишу код — затем нажмите «Применить», чтобы вставить его в редактор. Текущий шаг: Добавь заголовок страницы с тегом h1 и названием приложения «Sales Analytics».