Панель домашніх завдань
Розроблено інтерфейс навчальної платформи для відстеження статусів домашніх завдань по курсах програмування.
Реалізований функціонал:
Навігаційна панель (navbar) з логотипом, пунктами меню та аватаром користувача
Система кольорової індикації статусів: current (сірий), reviewed (зелений), under review (блакитний), overdue (червоний) — реалізована через CSS-класи та кастомні змінні кольору
Картковий layout (CSS Grid, 3 колонки) для відображення завдань, згрупованих по розділах (JavaScript, 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 колонки) для відображення завдань, згрупованих по розділах (JavaScript, HTML & CSS)
Кастомні кнопки дій: завантаження файлу (Browse), перегляд (Your file), видалення (Remove), повторна відправка (Resend)
Бейджі з числовими оцінками в кутках карток
Адаптивна типографіка та грамотна ієрархія заголовків (h1, h2, карткові заголовки)
Семантична HTML-розмітка з логічною структурою секцій
Технології: HTML5, CSS3 (Flexbox + Grid), кольорові змінні, компонентний підхід до UI.