Interactive To-Do List (JavaScript / LocalStorage)
Динамічний веб-додаток для планування завдань з інтерактивним інтерфейсом, системою лічильників та збереженням стану користувача.
Що реалізовано в проєкті:
1. Повний CRUD-функціонал (створення, читання, перемикання статусу виконано/активно, видалення завдань).
2. Робота з LocalStorage - дані користувача надійно зберігаються та не зникають після перезавантаження сторінки.
3. Інтерактивні лічильники - автоматичний підрахунок загальної кількості завдань, активних та виконаних пунктів у реальному часі.
4. Валідація форм - обмеження на максимальну кількість символів (до 100), захист від пустих інпутів та ліміт списку (до 30 завдань).
5. Плавний UX - додано кастомні мікроанімації (fade-in, bounce) для взаємодії з інтерфейсом та сповіщеннями.
6. Адаптивна та кросбраузерна верстка - інтерфейс ідеально масштабується під мобільні пристрої та десктопні монітори.
Стек технологій: HTML5 (семантична верстка), CSS3 (Flexbox, CSS Animations, Media Queries), JavaScript Vanilla (DOM Manipulation, LocalStorage API, Event Handling).
Що реалізовано в проєкті:
1. Повний CRUD-функціонал (створення, читання, перемикання статусу виконано/активно, видалення завдань).
2. Робота з LocalStorage - дані користувача надійно зберігаються та не зникають після перезавантаження сторінки.
3. Інтерактивні лічильники - автоматичний підрахунок загальної кількості завдань, активних та виконаних пунктів у реальному часі.
4. Валідація форм - обмеження на максимальну кількість символів (до 100), захист від пустих інпутів та ліміт списку (до 30 завдань).
5. Плавний UX - додано кастомні мікроанімації (fade-in, bounce) для взаємодії з інтерфейсом та сповіщеннями.
6. Адаптивна та кросбраузерна верстка - інтерфейс ідеально масштабується під мобільні пристрої та десктопні монітори.
Стек технологій: HTML5 (семантична верстка), CSS3 (Flexbox, CSS Animations, Media Queries), JavaScript Vanilla (DOM Manipulation, LocalStorage API, Event Handling).