Frontend-Developer (React / TS / JS)

Архитектура: FSD
• Front:
- React
- Redux
- Redux Toolkit (RTK-Query)
- Typescript
- Styled-components
- Ant design (v4-v5)
- i18next
- Websockets
- Настройка Vite
• Back:
- Node.js (Typescript)
- Express
- Docker / Docker-compose
- GitLab CI (написание/доработка пайпланов)
Проекты:
• AlphaSense - это комплексное автоматизированное решение для поиска и дальнейшей
эксплуатации известных уязвимостей.
• UI Разработка:
- Создание динамических дашбордов и карточек IT-активов
- Поддержка и доработка корпоративного UI-KIT (компоненты для таблиц с
фильтрацией/сортировкой/поиском, пагинация, сортировка, цветовая индикация, progress
bar, статистика)
- Графических компонентов для визуализации данных
- Верстка различных форм, страниц ошибок и других ui-элементов
- Реализация системы уведомлений и сообщений об ошибках для повышения качества UX.
- Разработка кастомного UI-KIT (по макету из фигмы)
- Интернализация проекта (i18next)
- Реализация механизма выгрузки диагностических логов в zip
• Интеграция данных:
- Настройка WebSocket для получения данных сканирования в реальном времени.
- Интеграция с бэкенд-сервисами через REST API (RTK Query).
• Рефакторинг и оптимизация:
- Проведение масштабного рефакторинга в соответствии со стайл-гайдом, исключение
устаревших практик, оптимизация кода, удаление излишних useEffects, мемоизация и
уменьшение лишних ре-рендеров
• Backend:
- Поддержка и доработка отчетов через SSR
- Улучшение функциональности экспорта отчетов в форматах: HTML/PDF/CSV/CSV_ZIP
- Вынесение кастомных npm-пакетов в отдельные микросервисы
- Написание docker-compose под каждый микросервис
- Улучшение CI/CD для автодеплоя
Достижения:
• Уменьшение технического долга:
- глобальный рефакторинг по стайлгайду (оптимизация читаемости кода, скорость загрузки
отчётов возросла на 50%, убраны избыточные useEffect, ререндеры, добавлена мемоизация)
- переход от axios -> RTK-Query (с инвалидацией кешей)
• Реализация экспорта отчетов в различных форматах
• Разработка кастомного UI Kit (styled component + ant design)
- Контроль соблюдения стайл-гайда во всем проекте на код-ревью
Работал в крутой и большой команде, состоящей из 4 фронтенд-разработчиков, 3
бэкенд-разработчиков, 2 тестировщиков, дизайнера и инженера.

Стек:
• Front: React, Redux, Material UI, WebSockets
• Back: Node.js, Express, Docker, Nginx, CouchDB
Проект:
• Окнософт - решение для оконных заводов и их дилеров
• Обязанности:
- Поддержка и развитие легаси-проекта (рефакторинг, декомпозиция);
- Разработка печатных форм для печати коммерческих предложений клиентов;
- Верстка по макету интерфейсов микросервисов;
- Верстка дашборда, личного кабинета, карточки изделия;
- Разработка UI компонентов (небольшой ui-kit);
- Разработка плагинов для взаимодействия ядра с CouchDB
- Обработка, форматирование и отображение больших данных
- Внес вклад в open source проект
- Улучшение механизма формирования и отображения данных
• Backend
Разработка: - Разработка плагинов для ядра системы (отдача метаданных через API, генерация SSR с
информацией о продукции)
- Разработка микросервиса цифровой подписи PDF-документов (для паспортов качества);
- Разработка микросервиса брендированных QR-Кодов (ведущих на плагин информации о
продукции);
- Разработка микросервиса сокращения ссылок (для qr-code, c кешированием ссылок и
статистикой переходов в couchdb);
- Деплой сервисов с помощью docker / nginx и доведение до автодеплоя;
- Внедрил в разработку семантическое версионирование проектов и написал статью с
правилами для семантических коммитов;
- Документировал backend-сервисы в Swagger;
- Много рефакторинга;
Менторил коллег, проводил код-ревью по стайл-гайдам, помогал собеседовать новых
разработчиков.
Работали по скраму: задачи в Jira, документация в Confluence

Разработка обучающей платформы с нуля, построение микросервисной архитектуры.
Создание PayPal оплаты. Создание единого модуля авторизации AGAS:ID. Разработка модуля
справочников.
Стек: VUE2 + Nuxt.js + Vuetify / Node.js + Express + Mongoose + Swagger + Socket.io + Paypal +
Firebase
• Разрабатывал обучающую платформу на Vue/Nuxt:
- реализовал новые модули по дизайну из Figma;
- реализовал RESTful API под модули, связав с ядром.
- добавила поддержку переключения между русским и английским языками (i18);
- реализовал личный кабинет для ученика и учителя;
- реализовал real-time чат для учителя и ученика;
- реализовал оплату подписки через PayPal;
- вел документацию в swagger
- разделил проект на модули (модуль единой авторизации, модуль справочников (CMS), модуль
обучения).
Получил опыт в управлении небольшой командой разработчик (2 фронта, 1 бэк, дизайнер,
тестировщик). Проведение код-ревью, онбординга, взаимодействие со всеми ролями.