Frontend разработчик

Разрабатываю масштабируемые веб-приложения и интерфейсы на React + TypeScript.
Имею опыт проектирования архитектуры фронтенда, разработки сложных UI-систем, интеграции с backend API и работы с картографическими сервисами.

Специализируюсь на:
- разработке SPA и SSR приложений
- архитектуре Feature-Sliced Design
- построении масштабируемых UI компонентов
- работе с картографическими сервисами и realtime данными


Ключевые навыки

Frontend: JavaScript, TypeScript, React, Next.js, Vue, React Native, HTML5, CSS3
State management: Redux, Redux Toolkit, Context API
UI и дизайн системы: Ant Design, Material UI, Bootstrap, Storybook
Архитектура: Feature-Sliced Design (FSD), модульная архитектура, компонентный подход
Сборка и инструменты: Vite, Webpack, Git, Docker, CI/CD
API и интеграции: REST API, GraphQL, WebSocket
Карты: Leaflet, RLayers, OpenStreetMap
Тестирование: Vitest, Jest (базовый опыт)
Дополнительно: Node.js, Linux, SQL, Figma


Опыт работы

Разрабатывал веб-приложения для внутренних и клиентских платформ.
Основные задачи:
- разработка SPA приложений на React, Next.js, TypeScript, Vue
- проектирование архитектуры приложений по FSD
- разработка и поддержка UI-компонентов
- интеграция frontend с REST API, GraphQL и WebSocket
- работа с картографическими сервисами и геоданными
- оптимизация производительности приложений (code splitting, lazy loading, memoization)
- улучшение SEO и времени загрузки страниц через SSR и SSG в Next.js
- участие в проектировании интерфейсов совместно с UX/UI дизайнером
- написание unit тестов

Работа велась в команде: 3 frontend разр-ка, 2 backend разр-ка, дизайнер, 2 мобильных разр-ка, DevOps, 2 QA, project manager. Процессы разработки: Agile / Scrum / Canban


Основные проекты

Платформа прогнозирования лесных пожаров https://wildfires.ru/
Разработал интерфейс системы мониторинга лесных пожаров.
Реализовал:
- интерактивные карты на Leaflet
- отображение большого количества геоданных
- динамические маркеры и слои
- оптимизацию отображения объектов на карте
Использовались технологии: React, TypeScript, Leaflet, REST API

Платформа автоматизации газовой компании
Разрабатывал систему управления операционными процессами.
Функциональность:
- административная панель
- управление данными
- сложные формы
- фильтрация и поиск данных
- отображение 10 000+ геобъектов
- разработал 30+ переиспользуемых UI компонентов
Оптимизировал:
- снизил время загрузк карты с 5.2 сек. до 1.8 сек.
- улучшил производительность отображения маркеров на ~40%
Используемый стек: React, TypeScript, Ant Design, Leaflet, WebSocket, REST API

Система управления перевозками воды
Разработал интерфейс системы управления логистикой.
Функциональность:
- управление заказами
- мониторинг маршрутов
- отображение транспорта на карте
- realtime обновление данных через WebSocket
Стек: React, TypeScript, Leaflet, RLayers, WebSocket, REST API, Ant Design

Клиентский портал перевозок воды
Создал пользовательский интерфейс для клиентов сервиса.
Функциональность:
- управление заказами
- отслеживание статуса перевозок
- интеграция с мобильным приложением

Платформа закрытой онлайн библиотеки
Разработал интерфейс с ИИ-помощником
Функциональность:
- поисковая система с 10+ фильтрами
- интеграция читалки
Стек: React, TypeScript, Storybook, GraphQL


Основные достижения
- разработал 6 frontend приложений с нуля
- провёл рефакторинг legacy проекта (HTML + JS → React + TypeScript)
- внедрил архитектуру Feature-Sliced Design
- разработал UI библиотеку компонентов
- внедрил Storybook документацию
- реализовал rеaltime карты с WebSocket
- настраивал CI/CD и Docker

Дополнительный опыт
SSR и производительность: Использовал Next.js для серверного рендеринга и оптимизации SEO, оптимизировал загрузку страниц через code splitting и dynamic import
Push уведомления: Интеграция Firebase Push Notifications для веб-приложений
Мобильная разработка: Участвовал в разработке приложения на React Native
Экспериментальные проекты: Есть опыт работы с Vue



Стек:
TypeScript, JavaScript, React, HTML5, CSS3, Vite, Webpack, Ant Design, Material UI, Git, Storybook, Bootstrap, Node.js, Next.js, Figma, Docker, Vitest.