Для запуску проєкту в локальному середовищі виконайте наступні команди:
Встановлення всіх необхідних залежностей: npm install
Запуск сервера розробки: npm run dev
Після запуску проєкт буде доступний за адресою http://localhost:3000
Проєкт включає наступний функціонал:
Керування завданнями Створення нових завдань із валідацією на порожній рядок, можливість позначення завдань як виконаних та їх видалення зі списку.
Синхронізація даних Реалізовано механізм LocalStorage, який зберігає стан списку в браузері, запобігаючи втраті даних при оновленні сторінки.
Компонентна архітектура Код декомпоновано на окремі модулі: TodoForm, TodoList, TodoItem та TodoCounter
Користувацький інтерфейс Використано Tailwind CSS для створення адаптивного дизайну в темних тонах. Додано стан завантаження для кращої інформативності під час ініціалізації.
Додаткові можливості Впроваджено функцію редагування тексту завдання через подвійний клік та систему фільтрації за трьома станами: Усі, Активні, Виконані.
При наявності додаткового часу в проєкт доцільно внести такі зміни:
Перехід на Backend Інтеграція Prisma та PostgreSQL для надійного збереження даних на сервері замість локального сховища браузера.
Анімації інтерфейсу Використання бібліотеки для плавних візуальних переходів при додаванні або видаленні елементів.
Технологічний стек: Next.js 14, React, TypeScript, Tailwind CSS.