TodoList Demo

Данный проект я выполнил с использованием библиотеки React. Для работы с состоянием я решил не использовать стейт менеджер, и использовать React Hooks, т.к. проект не большой и этого более чем достаточно. Для проверки типов props я использовал библиотеку prop-types. Для стилизации я выбрал фреймворк bootstrap, т.к. в нём присутствуют все нужные мне уже готовые стили.

Особенности проекта

• Удаление задач, как по одной, так и удаление всех выполненных задач сразу
• Добавление задач с нужным нам текстом и вывод ошибки при попытке добавить задачу без названия
• Возможность помечать задачи как выполненные как по отдельности, так и все сразу
• Отображение количества невыполненных задач
• Фильтр задач по состоянию: Все / Активные / Завершённые
• При отсутствии задач отображается сообщение с просьбой добавить задачи

Инструкция по запуску проекта

Для установки всех зависимостей следует ввести в терминале следующие команды:

Для npm

npm install или npm i

Для yarn

yarn или yarn install

Для локального запуска проекта:

Для npm

npm start

Для yarn

yarn start