Flow Up — fullstack-система для управления проектами и задачами в реальном времени, построенная на Kanban-подходе. Приложение позволяет управлять рабочими пространствами, отслеживать задачи, работать в команде и получать обновления без перезагрузки страницы.
Frontend разработан на React и TypeScript с упором на масштабируемую архитектуру, производительность и удобство поддержки проекта. В качестве управления состоянием используются Redux Toolkit и RTK Query, а взаимодействие с сервером реализовано через REST API и WebSocket.
Основной функционал:
управление workspace’ами и Kanban-досками;
создание, редактирование и перемещение задач через Drag & Drop;
система комментариев и история активности;
загрузка файлов и обрезка изображений перед отправкой;
статистика и аналитика;
ролевая модель доступа;
JWT-аутентификация с access/refresh токенами;
OAuth авторизация;
обновление данных в реальном времени через WebSocket.
Архитектура проекта построена по feature-oriented подходу с разделением бизнес-логики, API-слоя и UI-компонентов. Для валидации данных используется Zod, а RTK Query обеспечивает кеширование, инвалидацию и оптимизацию запросов.
https://flow-up-web.vercel.app/