Middle Frontend-розробник

Проект: Nexus SCADA — отечественная, инновационная, масштабируемая и кроссплатформенная система для диспетчеризации и автоматизации промышленных и гражданских объектов (https://nexus-scada.ru/). Команда: 3 backend-разработчика, 3 frontend-разработчика, 2 тестировщика Архитектура: SPA (Single Page Application). Стек: React, Type, Vite, Vitest, Axios, Zustand, React Router, Zod, React Hook Form, Canvas API, WebSockets, React Query, i18next, ChartJs. Ключевые достижения: - Оптимизация ревью и TTM: Спроектировал комплексный стандарт разработки (Code Conventions, Conventional Commits). Сократил время Code Review в 2 раза и повысил показатель технической чистоты кода на 70%. - Архитектура с нуля: Заложил модульную основу клиентского SPA-приложения, выстроил сборочный пайплайн на базе Vite для максимального ускорения локальной и CI/CD сборки. - Качество продукта: Организовал инфраструктуру тестирования (Vitest), покрыв Unit-тестами 64% критически важной кодовой базы интерфейса. - Развитие команды: Настроил систему сквозного взаимодействия (Бизнес ⇄ Frontend ⇄ Backend) и внедрил программу онбординга, значительно снизившую время адаптации новых разработчиков. - Графика реального времени: Спроектировал и разработал высоконагруженный HMI-конфигуратор на базе Canvas API, стабильно обрабатывающий 10 000+ интерактивных элементов. - Реактивная обработка данных: Защитил и реализовал архитектурный план интеграции RxJS для управления сложными асинхронными потоками данных от оборудования. - Оптимизация рендеринга: Создал библиотеку компонентов интерфейса с применением техник виртуализации данных (react-window), устранив задержки при отображении многотысячных промышленных деревьев и журналов событий. Проект: Адаптер данных для Apache Superset. Команда: 1 backend-разработчик, 1 frontend-разработчик, 1 тестировщик Архитектура: SPA (Single Page Application). Стек: React, Type, Webpack, Axios, Redux, Yup, Formik. Ключевые достижения: - Ликвидация техдолга: Провел успешную миграцию корпоративного адаптера Apache Superset с legacy-кода на стек React 18 + Redux.

Проект: NFT-маркетплейс GigaMart (SuperVerse) — платформа торговли NFT на Ethereum (https://gigamart.com/). Команда: 4 backend-разработчика, 5 frontend-разработчика, 3 тестировщика Архитектура: SSR (Server-Side Rendering) Стек: Type, Webpack, Vue, Vuex, Vue Router, MetaMask, WalletConnect Ключевые достижения: - Интегрировал бесшовное подключение децентрализованных кошельков Web3 (WalletConnect). - Интегрировал полную нативную поддержку кошелька MetaMask для Web/Mobile устройств. - Спроектировал и реализовал динамический интерфейс пошаговой покупки токенов с real-time мониторингом, что снизило нагрузку на техподдержку.

Проект: Цифровая система мониторинга и управления поставками экзотических фруктов VYADUK (http://www.frootix.com/). Команда: 2 backend-разработчика, 3 frontend-разработчика, 2 тестировщика Архитектура: SSR (Server-Side Rendering) Стек: Type, Webpack, React, Next.js, i18next Ключевые достижения: - Реализовал модуль управления паллетами (полный CRUD) и модуль конфигурирования складских помещений. - Интегрировал i18n-локализацию в уже работающий проект. - Внедрил Type-типизацию и строгие правила ESLint в легаси-код, сократив количество production-багов на 60%. Проект: Умный матрас (в сфере IoT), предназначенный для отслеживания и анализа качества сна пользователя. Команда: 1 frontend-разработчик, 1 тестировщик Архитектура: SPA (Single Page Application) Стек: Type, Webpack, React, i18next Ключевые достижения: - Разработал адаптивный лендинг с анимациями при скролле (scroll-triggered), плавным скроллом к якорям и полной кроссбраузерной совместимостью (включая мобильные устройства).

Проект: система геопозиционирования для МФСБ — решения по мониторингу персонала и техники на промышленных объектах. Проект предусматривал интеграцию с SCADA‑системой для централизованного сбора и отображения данных о местоположении в реальном времени. Это повысило уровень промышленной безопасности и оперативность реагирования на нештатные ситуации. Команда: 2 backend-разработчика, 1 frontend-разработчика, 1 тестировщик Архитектура: SPA (Single Page Application) Стек: Type, Webpack, React, Redux, Axios, Leaflet, Less, Ant Design Ключевые достижения: - Реализовал карту реального времени на базе Leaflet: отображение местоположения сотрудников и техники (в том числе в подземных выработках — шахты, рудники). - Разработал инструменты газоанализа (CH₄, CO, H₂S, O₂): визуализация показателей и автоматическое оповещение при превышении норм. - Реализовал механизм размещения статических объектов на карте: диспетчерские, шахты, промышленные зоны. Проект; Web Portal система автоматизации формирования и рассылки отчётов из SCADA‑систем и МФСБ — экономит время, исключает ошибки и обеспечивает оперативный доступ к данным. Команда: 3 backend-разработчика, 2 frontend-разработчика, 1 тестировщик Архитектура: SPA (Single Page Application) Стек: ASP.NET MVC, Entity Framework, Razor, PostgreSQL, Type, jQuery, GridstackJS, ChartJS, HiQPdf, PostgreSQL Ключевые достижения: - Спроектировал архитектуру клиентской части и выбрал технологический стек. - Разработал конфигуратор графиков (тип, оси, фильтры, кастомизация) и конфигуратор табличных данных. - Реализовал систему ролей и прав доступа для авторизации пользователей. - Настроил scheduled-экспорт отчётов (PDF, Excel) и механизмы email-рассылки. - Участвовал в проектировании БД (PostgreSQL) и разработке методов доступа (ASP.NET Core). Проект: Многофункциональной Системы Безопасности (МФСБ), программно-технический комплекс, разработанный для обеспечения безопасности на опасных производственных объектах (ОПО). Она выполняет функции мониторинга, анализа и управления параметрами безопасности, что позволяет эффективно прогнозировать и предотвращать аварийные ситуации. Команда: 3 .net-разработчика, 1 тестировщик Стек: ASP.NET, Entity Framework, PostgreSQL