Простое, минималистичное приложение "To Do List", написанное на фреймворкове React.
Цель проекта — показать, как можно реализовать полноценное интерактивное приложение, используя только нативные возможности браузера. Это учебный пример для начинающих фронтендеров и тех, кто хочет лучше понять работу с DOM и localStorage.
Интерфейс взят из бесплатного макета Figma. Выглядит чисто и понятно:
- ✅ Добавление новой задачи (через отдельное поле)
- ✅ Поиск по текущим задачам (в реальном времени)
- ✅ Отметка задачи как выполненной
- ✅ Удаление одной задачи
- ✅ Удаление всех задач
- ✅ Счётчик количества задач
- ✅ Сохранение всех данных в
localStorage - ✅ Поддержка Enter-клавиши и автофокуса
- NPM
- Vite
- React JS
- Клонируй репозиторий:
git clone git@github.com:BISCVI/todo-react.git- Открой терминал IDE, введи команду
npm run dev— готово.
