Станислав Николаенко shramx11 Паспорт верифицирован
React / Next.js / Node.js — разработка и доработка веб-сервисов
Рейтинг
12 720
№ 78 в каталоге
Отзывы
Профессионализм
9/10
Коммуникация
9 /10
Город
Новороссийск
Опыт работы
14 лет
На сайте с
2025 года
Юридический статус
Самозанятый
Безопасная сделка
Деньги списываются после приёмки

Корпоративный Task Tracker: модуль рабочих пространств на React

Используемые навыки JavaScript React.js Redux.js REST Typescript

Описание

В корпоративной системе управления задачами требовался модуль для настройки типов рабочих пространств: их связей, зависимостей и доступных полей.

Моя зона ответственности — frontend. Работал в составе продуктовой команды, согласовывал поведение интерфейса и API с backend-разработчиками.

Решение

С нуля разработал модуль «Типы спейсов»: создание и редактирование типов, дерево зависимостей, составные фильтры и сортировки. Настроил обязательность и видимость полей для разных ролей.

Добавил drag-and-drop для изменения порядка элементов, сохранение состояния в Redux и синхронизацию через REST API. Работал в архитектуре Feature-Sliced Design и с микрофронтендами на Module Federation.

Дорабатывал общий UI Kit и примеры в Storybook. Писал e2e-тесты на Playwright для форм, фильтров и настройки сущностей.

Стек: React, TypeScript, Redux, REST API, OpenAPI, Webpack Module Federation, Storybook, Playwright.

Результат

Реализован модуль, в котором можно управлять типами рабочих пространств, связями и ролевыми настройками полей. Изменения порядка синхронизируются с сервером, ключевые сценарии покрыты e2e-тестами.

На обложке — поясняющая схема кейса. Закрытые интерфейсы, данные пользователей и внутренний код не публикуются.

Работа выполнена в соавторстве

Командный проект. В кейсе описана моя работа над frontend; backend и другие части системы разрабатывали коллеги.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT P2P-приложение на React Native: сделки, чаты и WebSocket
P2P-приложение на React Native: сделки, чаты и WebSocket
18
Веб-разработка и IT Лендинг для производителя препаратов «Биосинтез»
Лендинг для производителя препаратов «Биосинтез»
18
Веб-разработка и IT Сервис миграции данных из Confluence: интерфейс на React и TypeScript
Сервис миграции данных из Confluence: интерфейс на React и TypeScript
11
Веб-разработка и IT Мастер открытия банковского вклада: сложные формы и расчёты на React
Мастер открытия банковского вклада: сложные формы и расчёты на React
16