Firecode

Специалисты · FC-110

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

Опыт
6 лет
Экспертиза
Fullstack Developer
Отрасли
Финтех

Разработчик с шестилетним опытом создания полнофункциональных веб-приложений. Работает с современным стеком технологий для фронтенда и бэкенда: React с различными библиотеками управления состоянием, Node.js-фреймворки Express и NestJS, реляционные и нереляционные базы данных. Проектирует архитектуру приложений, разрабатывает пользовательские интерфейсы и серверную логику, обеспечивает интеграцию компонентов системы.

  • Middle+грейд
  • 6 летопыт
  • 4проектов в CV
  • 1отрасль
ReactNestJSPostgreSQLPostmanTypeScriptRedux ToolkitMobXRTK Queryeffectorreact-tanstack

Стек

Технологический стек

Frontend-разработка

JavaScript/TypeScript
ReactRedux ToolkitMobXRTK Queryeffectorreact-tanstackreact-router-domaxiosreact-hook-formFormikzodyupmomentdayjsstorybooki18nquillreact-sortablesanitize-html
Стилизация
styled-componentsMaterial UIAnt Design

Backend-разработка

Node.js
Express.jsNestJS
Базы данных
MongoDBPostgreSQLFirebaseRedis
ORM / ODM
MongooseTypeORM

Инструменты и рабочий процесс

Версионный контроль
GitGitLabBitBucket
Управление задачами
JiraConfluenceYouTrack
Сборка
WebpackViteRsBuild
Линтеры и форматирование
ESLint
Пакетные менеджеры
npmpnpmyarnlerna
Прочее
PostmanFigma

Экспертиза

Ключевые навыки и экспертиза

Frontend-разработка

  • Разработка SPA на React с использованием современных библиотек управления состоянием (Redux Toolkit, MobX, RTK Query, effector)
  • Оптимизация производительности, клиентская маршрутизация (react-router-dom), работа с формами (react-hook-form, Formik, zod, yup)
  • Адаптивная и кросс-браузерная вёрстка с использованием styled-components, Material UI, Ant Design
  • Интеграция API (REST, Axios), интернационализация (i18n), создание UI-китов (Storybook)

Backend-разработка

  • Создание серверных приложений на Node.js (Express, Nest)
  • Работа с реляционными (PostgreSQL) и NoSQL (MongoDB, Firebase, Redis) базами данных
  • Разработка API и взаимодействие с ORM (Mongoose, TypeORM)

Рабочий процесс

  • Следование best practices (чистый код, модульная архитектура)
  • Настройка сборки (Webpack, Vite, RsBuild) и линтинга (ESLint)
  • Работа в Agile/Scrum с использованием Jira, Confluence, YouTrack, контроль версий через Git

Проекты

Ключевые проекты

Названия заказчиков не раскрываются. Детали обсуждаем на встрече.

Визуализация телеметрии со спутников ГЛОНАСС

не указана

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

Роль
Fullstack Developer
Состав команды
Team Lead, 3 Frontend Developers, 2 Backend Developers, 1 QA Engineer, 2 Analysts, 1 Designer

Что реализовывал

Frontend

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

Backend

  • разработал REST API для отправки, получения и редактирования «не тяжёлых» данных, таких как: наименование, координаты, предполагаемый вектор движения и подобное.
Стек технологий
  • React
  • HTML
  • CSS
  • React-router-dom
  • styled-components
  • express
  • typeorm
  • PostgreSQL

Разработка спецпроектов крупного розничного банка

не указана

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

Роль
Fullstack Developer
Состав команды
Team Lead, 4 Frontend Developers, 2 Backend Developers, 1 QA Engineer, 1 Designer

Что реализовывал

Чат-бот без использования ИИ с заранее заданными сценариями

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

Промо-сайт для маркетинговой кампании с розыгрышем автомобиля Tesla

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

Игра «Монополия»

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

Backend для аналитики Instagram

  • реализовывал логику подсчёта конверсии постов: сбор данных, расчёт показателей, агрегация статистики и подготовка данных для дальнейшего анализа.
Стек технологий
  • React
  • HTML
  • CSS
  • styled-components
  • effector
  • nest etc.

Система управления технологической трансформацией (СУТТ)

не указана

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

Роль
Frontend Developer
Состав команды
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.

ДБО для юридических лиц

не указана

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

Роль
Frontend Developer
Состав команды
Team Lead, 2 Frontend Developers, 4 Backend Developers, 1 QA Engineer, 2 Designers

Что реализовывал

Разработка ui-kit

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

Остальные задачи

  • интегрировал frontend с банковскими сервисами через API, обрабатывал ошибки, статусы операций, асинхронные запросы, валидацию данных и различные сценарии подтверждения действий пользователя;
  • реализовывал формы для платежей, переводов, создания заявок и редактирования клиентских данных с учётом бизнес-правил, масок ввода, подсказок, клиентской валидации и серверных ошибок;
  • разрабатывал интерфейсы для просмотра информации по счетам, картам, депозитам, кредитам и операциям, включая фильтрацию, сортировку, пагинацию и поиск.
Стек технологий
  • React
  • TypeScript
  • effector
  • react-query
  • react-hook-form
  • ant design
  • storybook
  • styled-components
  • i18n etc.

Заявка

Запросить этого специалиста

Пришлём полное CV и предложим дату старта. Если профиль уже занят — подберём равнозначного.

Все специалисты

Ответим в течение рабочего дня (Пн–Пт, 10:00–19:00 МСК). Менеджер на связи по телефону, почте и в мессенджерах — пишите там, где удобно.

Запросить FC-110

Достаточно имени и контакта — остальное по желанию.

PDF, DOC, DOCX, RTF, ODT, XLSX, PNG, JPG — до 10 МБ