Skip to content

Mathias007/todo-advanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Advanced ToDoList (ToDo)

Projekt zaawansowanej todo-listy w HTML, CSS i JS.

Opis

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 $.

Zastosowanie i plany rozwoju

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: