Panel zadań domowych
Został opracowany interfejs platformy edukacyjnej do śledzenia statusów prac domowych w kursach programowania. Zrealizowane funkcjonalności:
Panel nawigacyjny (navbar) z logo, punktami menu i awatarem użytkownika
System kolorowej indykacji statusów: current (szary), reviewed (zielony), under review (niebieski), overdue (czerwony) — zrealizowany za pomocą klas CSS i niestandardowych zmiennych kolorów
Układ kart (CSS Grid, 3 kolumny) do wyświetlania zadań, pogrupowanych według sekcji (JavaScript, HTML & CSS)
Niestandardowe przyciski akcji: przesyłanie pliku (Browse), podgląd (Your file), usuwanie (Remove), ponowne wysyłanie (Resend)
Odznaki z ocenami liczbowymi w rogu kart
Responsywna typografia i poprawna hierarchia nagłówków (h1, h2, nagłówki kart)
Semantyczne znaczniki HTML z logiczną strukturą sekcji
Technologie: HTML5, CSS3 (Flexbox + Grid), zmienne kolorów, komponentowe podejście do UI.
Panel nawigacyjny (navbar) z logo, punktami menu i awatarem użytkownika
System kolorowej indykacji statusów: current (szary), reviewed (zielony), under review (niebieski), overdue (czerwony) — zrealizowany za pomocą klas CSS i niestandardowych zmiennych kolorów
Układ kart (CSS Grid, 3 kolumny) do wyświetlania zadań, pogrupowanych według sekcji (JavaScript, HTML & CSS)
Niestandardowe przyciski akcji: przesyłanie pliku (Browse), podgląd (Your file), usuwanie (Remove), ponowne wysyłanie (Resend)
Odznaki z ocenami liczbowymi w rogu kart
Responsywna typografia i poprawna hierarchia nagłówków (h1, h2, nagłówki kart)
Semantyczne znaczniki HTML z logiczną strukturą sekcji
Technologie: HTML5, CSS3 (Flexbox + Grid), zmienne kolorów, komponentowe podejście do UI.