Interaktywna lista zadań (JavaScript / LocalStorage)
Programowanie stron internetowych
Dynamiczna aplikacja webowa do planowania zadań z interaktywnym interfejsem, systemem liczników oraz zapisywaniem stanu użytkownika.
Co zostało zrealizowane w projekcie:
1. Pełna funkcjonalność CRUD (tworzenie, odczyt, przełączanie statusu wykonane/aktywne, usuwanie zadań).
2. Praca z LocalStorage - dane użytkownika są bezpiecznie przechowywane i nie znikają po odświeżeniu strony.
3. Interaktywne liczniki - automatyczne zliczanie całkowitej liczby zadań, aktywnych i wykonanych punktów w czasie rzeczywistym.
4. Walidacja formularzy - ograniczenia na maksymalną liczbę znaków (do 100), ochrona przed pustymi inputami oraz limit listy (do 30 zadań).
5. Płynny UX - dodane niestandardowe mikroanimacje (fade-in, bounce) do interakcji z interfejsem i powiadomieniami.
6. Responsywna i wielobrowarowa struktura - interfejs idealnie skalowalny na urządzenia mobilne i monitory desktopowe.
Stos technologii: HTML5 (semantyczna struktura), CSS3 (Flexbox, Animacje CSS, Media Queries), JavaScript Vanilla (Manipulacja DOM, LocalStorage API, Obsługa zdarzeń).
Co zostało zrealizowane w projekcie:
1. Pełna funkcjonalność CRUD (tworzenie, odczyt, przełączanie statusu wykonane/aktywne, usuwanie zadań).
2. Praca z LocalStorage - dane użytkownika są bezpiecznie przechowywane i nie znikają po odświeżeniu strony.
3. Interaktywne liczniki - automatyczne zliczanie całkowitej liczby zadań, aktywnych i wykonanych punktów w czasie rzeczywistym.
4. Walidacja formularzy - ograniczenia na maksymalną liczbę znaków (do 100), ochrona przed pustymi inputami oraz limit listy (do 30 zadań).
5. Płynny UX - dodane niestandardowe mikroanimacje (fade-in, bounce) do interakcji z interfejsem i powiadomieniami.
6. Responsywna i wielobrowarowa struktura - interfejs idealnie skalowalny na urządzenia mobilne i monitory desktopowe.
Stos technologii: HTML5 (semantyczna struktura), CSS3 (Flexbox, Animacje CSS, Media Queries), JavaScript Vanilla (Manipulacja DOM, LocalStorage API, Obsługa zdarzeń).