todos

ToDo-приложение, позволяющее управлять текущим списком дел

👀 Демо: `novvember.github.io/mindbox-todos/`

Возможности

Адаптивная верстка с расчетом на весь экран мобильного устройства
Добавление задачи
Возможность вычернуть задачу (отметить как сделанную)
Фильтр задач
Возможность удалить выполненные задачи
Редактирование/удаление задачи
Хранение всех задач в браузере (Local Storage)
Юнит-тестирование компонентов

Стек

React.js
Create React App
TypeScript
BEM
LocalStorage
Jest + React Test Library

Задание (ссылка)

Это тестовое задание для Mindbox на позицию Frontend intern.

Сделайте ToDo-приложение, позволяющее управлять текущим списком дел
Что должно быть в интерфейсе:

Поле для ввода новой задачи
Списки всех задач, невыполненных и выполненных задач (по отдельности)

Пример внешнего вида приложения
Требования к коду:

Приложение создано с использованием TypeScript, React и React Hooks
Библиотеки компонент – на ваше усмотрение
Ключевая на ваш взгляд функциональность обязательно покрыта тестами
Проект должен запускаться командой npm i && npm run start
Опционально: проект доступен на GitHub Pages/Vercel/etc.

Статус разработки

✅ Готово