Todo App на JavaScript: повний гайд зі створення
Опис
Сучасний Todo-додаток на чистому JavaScript
Цей промпт допоможе створити повноцінний веб-додаток для управління завданнями з використанням HTML5, CSS3 та vanilla JavaScript.
Для кого підходить
- Веб-розробники початкового та середнього рівня
- Ті, хто хоче опанувати CSS Grid та Flexbox
- Розробники, що вивчають localStorage API
Ключові переваги
- Повна CRUD-функціональність: додавання, редагування, видалення та позначення завдань виконаними
- Категоризація завдань: кольорове маркування та пріоритети (низький/середній/високий)
- Drag-and-drop: переставляння завдань перетягуванням
- Темна/світла тема: з урахуванням системних налаштувань
- localStorage: збереження даних між сесіями
>_ Промпт
Створи адаптивний Todo-додаток з використанням HTML5, CSS3 та vanilla JavaScript. Додаток повинен мати сучасний, мінімалістичний інтерфейс з використанням CSS Grid/Flexbox та інтуїтивними елементами управління. Реалізуй повну CRUD-функціональність (додавання/редагування/видалення/позначення завдань виконаними) з плавними анімаціями. Включи категоризацію завдань з кольоровим маркуванням та рівнями пріоритету (низький/середній/високий). Додай дедлайни з компонентом вибору дати та нагадуваннями. Використай localStorage для збереження даних між сесіями. Реалізуй функцію пошуку з фільтрами за статусом, категорією та діапазоном дат. Додай можливість перетягування для зміни порядку завдань за допомогою HTML5 Drag and Drop API. Забезпеч повну адаптивність дизайну з відповідними брейкпоінтами через media queries. Включи перемикач темної/світлої теми, що поважає системні налаштування користувача. Додай мікровзаємодії та переходи для кращого UX.