Решение

Веб-сервис, который помогает собственнику следить за ремонтом, менеджеру от застройщика — контролировать результат,
а бригаде — информировать о своей работе менеджера
и собственника квартиры.

Задачи

Анализ конкурентов и ЦА

Создание User Flow
и JTBD

Интервьюирование ремонтных компаний

Составление
и тестирование гипотез

Создание интерактивных макетов в Figma

Фиксация требований
и написание историй
с критериями приёмки

Разработка с нуля первой версии приложения

Настройка и интеграция Keycloak как единой точки для аутентификации пользователей

Загрузка файлов
на внешнее облачное хранилище, с возможностью просмотра файлов только авторизованными пользователями

Настройка Gitlab CI
для автоматизированного обновления платформы
на сервере заказчика

Разбиение React приложения на модули
с целью создание изолированных и пере-используемых компонентов, это ускорило разработку

Cоздание авторизации
и логики обновления
JWT токенов

Тестирование приложения (регрессионное, smoke)

Создание прототипов

Написание пользовательской документации

Как работает сервис

Менеджер создает проект, вносит базовую информацию об объекте и будущем ремонте: даты, описание, бюджет, план выполнения появляется автоматически.

В новый проект менеджер добавляет ремонтную бригаду и собственника.

План проекта состоит из этапов и подэтапов, по нему бригада и будет выполнять ремонт

План проекта можно изменить, отключив ненужные этапы и подэтапе. Тут же можно установить даты для них. Описание проекта также можно редактировать. В дальнейшем мы внедрим возможность полностью редактировать план или же выбирать из списка нужный шаблон плана для определенного ремонта.

Работа начинается, когда бригадир нажимает на «Начать работу» в карточке подэтапа, когда работа заканчивается, он нажимает на «Отправить на проверку» и загружает подтверждающие фото, видео или документы. Менеджер должен одобрить работу, нажав на «Утвердить работы», если у него нет замечаний. В другом случае он может вернуть в работу подэтап, оставив комментарий.

У каждого подэтапа есть статусы, которые меняются в зависимости от выполнения подэтапов. Историю изменений статусов можно посмотреть, нажав на «Смотреть историю подэтапа»

По ходу ремонта менеджер добавляет затраты на работу и материалы в подэтап и прикладывает чеки. Сумма всех затрат складывается и отображается в этапе и самом проекте.

Готовность проекта и этапов отображается в виде прогресс-бара.

Front

Node ● TypeScript ● React ● Vite ● NextUI ● Tailwind ● TanStack ● Query

Back

Spring ● Nginx ● PostgreSQL ● Keycloak ● S3

Технологии

DevOps

Docker Compose ● Gitlab CI

QA

Qase ● Figjam ● Manual testing