Цель проекта — создать веб-приложение для управления задачами и реализовать полноценную работу frontend с серверными данными.
Пользователю необходимо было предоставить возможность создавать задачи, просматривать их, отмечать выполненными, удалять и фильтровать по состоянию и срокам.
Отдельной задачей было организовать понятное управление состоянием приложения и работу с API без хранения всей серверной логики непосредственно внутри React-компонентов.
Приложение разработано на React и TypeScript.
Для управления состоянием использован Redux Toolkit, а получение и изменение серверных данных реализовано через RTK Query.
Реализованы:
— создание задач;
— удаление задач;
— изменение статуса выполнения;
— фильтрация задач;
— разделы All, Today, Overdue и Completed;
— работа с датами;
— пользовательская авторизация;
— получение и сохранение данных через API;
— компонентная структура интерфейса.
Для интерфейса использованы готовые UI-компоненты и собственные стили.
Получилось работающее SPA-приложение для управления задачами с разделением клиентского состояния и серверных данных.
Пользователь может создавать и организовывать задачи, отслеживать сроки и выполненные задачи, а изменения сохраняются через API.
Проект демонстрирует практическую работу с React, TypeScript, Redux Toolkit, RTK Query и REST API.