Fullstack-разработчик (React / Node.js) Middle+

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

Команда: Team Lead, 3 Frontend Developers, 2 Backend Developers, 1 QA Engineer, 2 Analysts, 1 Designer

• реализовывал возможность кастомизации пользовательских дашбордов: добавление, удаление, перемещение и настройка виджетов;
• реализация ролевой модели во всём проекте;
• интегрировал сторонний SVG редактор в основное приложение для составления схем и графиков;
• интегрировал frontend с backend API для получения телеметрических данных, статусов спутников, исторических значений и событий;
• реализовал интерфейс отображения текущего положения спутников ГЛОНАСС с возможностью выбора конкретного спутника и просмотра детальной информации по нему.
• разработал REST API для отправки, получения и редактирования «не тяжёлых» данных, таких как: наименование, координаты, предполагаемый вектор движения и подобное.

• React
• HTML
• CSS
• React-router-dom
• styled-components
• express
• typeorm
• PostgreSQL

отдел занимается разработкой проектов, направленных на привлечение клиентов. Основное – проекты с игровыми механиками, интересными анимациями и прочим нестандартным визуальным оформлением.

Команда: Team Lead, 4 Frontend Developers, 2 Backend Developers, 1 QA Engineer, 1 Designer

• реализовал логику пошагового прохождения сценария, где пользователь выбирал один из предложенных вариантов, а бот в зависимости от выбора показывал следующий вопрос или ответ;
• добавил механику скрытия уже использованных вариантов вопросов, чтобы пользователь не мог повторно выбрать один и тот же сценарий;
• реализовал анимацию всплывающих сообщений на чистом CSS: появление новых реплик, плавные переходы, имитацию живого диалога и визуальное разделение сообщений пользователя и бота;
• настроил структуру данных для хранения вопросов, ответов, доступных вариантов и связей между шагами сценария.
• реализовал личный кабинет пользователя, в котором участник мог отслеживать свой прогресс, статус участия, выполненные условия и доступные действия;
• добавил отображение этапов участия в розыгрыше: регистрация, выполнение условий, накопление прогресса, получение статуса участника;
• реализовал интерактивную главную страницу с анимацией при скролле в стиле презентационных сайтов Apple. При прокрутке страницы запускалась анимация автомобиля: смена состояний, визуальная презентация, плавное движение и появление сопутствующего контента. Настроил синхронизацию анимации с положением скролла.
• разрабатывал личный кабинет пользователя, где отображался игровой прогресс, текущий статус, достигнутые этапы и результаты участия;
• реализовывал интерфейсы для отображения игровых действий, накопленного прогресса, выполненных условий и доступных возможностей пользователя;
• работал с динамическим отображением данных в зависимости от состояния игры и действий пользователя.
• реализовывал логику подсчёта конверсии постов: сбор данных, расчёт показателей, агрегация статистики и подготовка данных для дальнейшего анализа.

• React
• HTML
• CSS
• styled-components
• effector
• nest etc.

Система, позволяющая при создании проекта отслеживать, на какой стадии согласования он находится, какие команды и в каком объёме задействованы, контролировать и перераспределять ресурсы.

Команда: Team Lead, 8 Frontend Developers, 3 Backend Developers, 1 QA Engineer, 2 Designers

• разработал раздел для распределения ресурсов, который представлял собой страницу с двумя таблицами с редактируемыми ячейками. Реализовал обработку изменений, валидацию значений, обновление зависимых ячеек, отображение актуальных итогов и подготовку данных для отправки на backend;
• разработал раздел для хранения проектных файлов и папок с поддержкой любой вложенности;
• добавил пользовательские сценарии для создания папок, загрузки файлов, удаления, открытия и просмотра структуры документов;
• сделал отображение разных состояний: пустая папка, загрузка данных, ошибка получения файлов, отсутствие доступа, удалённый или недоступный элемент;
• разработка ui-kit на основе ant design;
• провёл рефакторинг наиболее тяжёлых страниц системы, которые медленно загружались и создавали высокую нагрузку на браузер, ускорив загрузку на 30% (измеряли с помощью performance API).

• React
• ant design
• redux-toolkit
• yup
• formik
• dayjs etc.

проект для управления счетами, активами и другими финансовыми инструментами дистанционно.

Команда: Team Lead, 2 Frontend Developers, 4 Backend Developers, 1 QA Engineer, 2 Designers

• сделал компонент таблицы, пагинации, фильтров, кастомизации колонок (очередность, скрытие), добавил и адаптировал редактор текста (Quill) и другие «мелкие компоненты», такие как чекбоксы, кнопки, тултипы и т.д.;
• обновил версию ant design и устранил все баги, связанные с переходом.
• интегрировал frontend с банковскими сервисами через API, обрабатывал ошибки, статусы операций, асинхронные запросы, валидацию данных и различные сценарии подтверждения действий пользователя;
• реализовывал формы для платежей, переводов, создания заявок и редактирования клиентских данных с учётом бизнес-правил, масок ввода, подсказок, клиентской валидации и серверных ошибок;
• разрабатывал интерфейсы для просмотра информации по счетам, картам, депозитам, кредитам и операциям, включая фильтрацию, сортировку, пагинацию и поиск.

• React
• TypeScript
• effector
• react-query
• react-hook-form
• ant design
• storybook
• styled-components
• i18n etc.