Интерактивный список дел (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).