📝 ToDo App — Mindbox Test Assignment

Это тестовое задание для позиции Frontend Intern в Mindbox.
Приложение представляет собой классическое ToDo, позволяющее управлять списком задач в удобном интерфейсе.
Легкое, минималистичное и ✨приятное в использовании.

🚀 Функциональность

• ➕ Добавление новой задачи
• 📋 Просмотр списка всех задач
• ✅ Отдельный список выполненных задач
• ⏳ Отдельный список невыполненных задач
• 🔄 Переключение состояния задачи (выполнена / активна)
• 🔢 Подсчет количества оставшихся активных задач
• 🧹 Очистка списка выполненных задач

🛠️ Стек технологий

• ⚛️ React + TypeScript
• 🚀 React Hooks (useState, useEffect и др.)
• 🎨 Стилизация через CSS
• 🧪 Тесты с помощью @testing-library/react

✅ Тесты

Ключевая функциональность приложения покрыта тестами:

• Добавление задач
• Переключение статуса задачи
• Фильтрация списка задач
• Очистка выполненных задач

Тесты помогают убедиться, что приложение работает предсказуемо и не ломается при изменениях.

📦 Установка и запуск

Склонируйте репозиторий и установите зависимости:

npm install

Запуск приложения в dev-режиме:

npm run start

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

npm test

🌍 Деплой

Проект доступен онлайн: 👉 Ссылка на Vercel

✨ Скриншот

🎯 Итог

Приложение соответствует всем требованиям тестового задания:

• ✅ Поле для ввода новой задачи

• ✅ Списки всех, выполненных и активных задач

• ✅ Количество оставшихся задач

• ✅ Очистка выполненных задач

• ✅ React + TypeScript + Hooks

• ✅ Покрытие ключевой функциональности тестами

• ✅ Удобный запуск проекта одной командой

✨ Спасибо за внимание! ✨