Hometasks Dashboard
Разработан интерфейс учебной платформы для отслеживания статусов домашних заданий по курсам программирования.
Реализованный функционал:
Навигационная панель (navbar) с логотипом, пунктами меню и аватаром пользователя
Система цветовой индикации статусов: current (серый), reviewed (зелёный), under review (голубой), overdue (красный) — реализована через CSS-классы и кастомные переменные цвета
Карточный layout (CSS Grid, 3 колонки) для отображения заданий, сгруппированных по разделам (JavatarScript, HTML & CSS)
Кастомные кнопки действий: загрузка файла (Browse), просмотр (Your file), удаление (Remove), повторная отправка (Resend)
Бейджи с числовыми оценками в углу карточек
Адаптивная типографика и грамотная иерархия заголовков (h1, h2, карточные заголовки)
Семантическая HTML-разметка с логичной структурой секций
Технологии: HTML5, CSS3 (Flexbox + Grid), цветовые переменные, компонентный подход к UI.
Реализованный функционал:
Навигационная панель (navbar) с логотипом, пунктами меню и аватаром пользователя
Система цветовой индикации статусов: current (серый), reviewed (зелёный), under review (голубой), overdue (красный) — реализована через CSS-классы и кастомные переменные цвета
Карточный layout (CSS Grid, 3 колонки) для отображения заданий, сгруппированных по разделам (JavatarScript, HTML & CSS)
Кастомные кнопки действий: загрузка файла (Browse), просмотр (Your file), удаление (Remove), повторная отправка (Resend)
Бейджи с числовыми оценками в углу карточек
Адаптивная типографика и грамотная иерархия заголовков (h1, h2, карточные заголовки)
Семантическая HTML-разметка с логичной структурой секций
Технологии: HTML5, CSS3 (Flexbox + Grid), цветовые переменные, компонентный подход к UI.