Пример Todo-приложения на React

Данный репозиторий содержит выполненное тестовое задание по созданию Todo-приложения. Интерфейс был разработан в духе Material Design 3, все стили и компоненты были созданы с нуля.

Посмотреть приложение можно по ссылке: https://sssehnsuchttt.github.io/react-todo-example/

Функционал

• Добавление новых задач
• Просмотр списков всех задач, невыполненных и выполненных задач
• Редактирование задач
• Удаление задач
• Динамическое обновление URL в зависимости от активного фильтра задач

Технологии

• React с использованием TypeScript
• Управление состоянием через React Hooks
• Навигация с использованием React Router
• Кастомная стилизация через CSS
• Юнит-тесты с помощью Jest и React Testing Library

Как запустить проект

1. Клонировать данный репозиторий:

   git clone https://github.com/sssehnsuchttt/react-todo-example/

2. Перейти в папку проекта:

   cd react-todo-example

3. Установить зависимости:

   npm install

4. Запустить сервер разработки:

   npm start

5. Открыть http://localhost:3000 для просмотра приложения в браузере.

Запуск тестов

Тесты покрывают функционал создания, редактирования и удаления задач. Для запуска тестов используйте команду:

npm test

Скриншоты интерфейса