Projekt zaawansowanej todo-listy w HTML, CSS i JS.
Input w górnej sekcji aplikacji służy do wpisywania treści taska. Po dodaniu zadań do listy możemy je oznaczać jako ukończone, modyfikować bądź usuwać za pomocą przycisków. Ukończenie zadania jest sygnalizowane zmianą koloru fonta na szary oraz przekreśleniem i kursywą. Edycja następuje przez formularz, który otwiera się u dołu ekranu. Usunięcie skutkuje permanentnym zniknięciem zadania z listy.
Wykorzystano Flexbox
, pseudoklasy
, zmienne css
. W skrypcie wprowadzono także bardziej zaawansowany sposób ładowania JS'a oraz oznaczenie zmiennych globalnych znakiem $
.
Aplikacja standardowa, jeśli chodzi o zadania rekrutacyjne. Pod względem funkcjonalności raczej o charakterze modelowym niż użytkowym. Aby dobrze spełniała swoje zadanie, wydaje się koniecznym jej połączenie z localStorage.
Preview dostępne: