Middle Frontend Developer

На данный момент Middle Fullstack Developer.

Мои компетенции и опыт

Описание проекта:
— Milida — интернет-ресурс, сотрудничающий с популярными стримерами и объединяющий несколько продуктов: маркетплейс, Telegram Web App и административную панель для управления платформой.

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

— Разрабатывал UI-компоненты и страницы с нуля, придерживаясь единого подхода к структуре и переиспользованию компонентов.

— Реализовывал клиентскую бизнес-логику, взаимодействие компонентов между собой и обработку пользовательских сценариев.

— Интегрировал внешние и внутренние API, реализовывал получение, обработку и отображение данных на стороне клиента.

— Проводил поиск и исправление багов, анализировал причины возникновения проблем и устранял их на уровне UI, бизнес-логики и интеграции с API.

— Работал над несколькими продуктами проекта, включая маркетплейс, Telegram Web App и административную панель, адаптируя реализацию под особенности каждого интерфейса.

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

Стек:
— TypeScript, React, нужен доступ к резюме , TanStack Query, Tailwind CSS, Docker, Git.

нужен доступ к резюме нужен доступ к резюме -----

Описание проекта: 
- Animori — аниме-платформа, предоставляющая пользователям удобный доступ к информации об аниме, манге и фильмах, а также возможность их просмотра.

Цели и задачи:
- Сократил время загрузки страниц в среднем на 40% за счет внедрения lazy loading и оптимизации изображений, что напрямую улучшило метрики Core Web Vitals (LCP, FCP).
- Перевел асинхронные операции на TanStack Query, реализовав кэширование и фоновую синхронизацию, что сократило количество запросов к API на ~30% и повысило отзывчивость интерфейса.
- Разработал с нуля кастомный видеоплеер с поддержкой 4K и HLS-стриминга, обеспечив кросс-браузерную совместимость (включая Safari) и избавив проект от платной сторонней зависимости.
- Внедрил архитектурный подход mobile-first, сделав интерфейс на мобильных устройствах интуитивным и похожим на нативное приложение, что привело к росту удержания мобильных пользователей.
- Проводил код-ревью, внедрил единые стандарты кодирования и поддерживал высокое качество кодовой базы.

Стек: 
- HTML, TypeScript, React, нужен доступ к резюме , TanStack Query, TanStack Form, Tailwind CSS, Framer Motion, Storybook, RDU, Docker, Git 
Кодовая база хранилась в self-hosted GitLab.

нужен доступ к резюме нужен доступ к резюме

Описание проекта: 
- Novell Nook — сервис для самостоятельной публикации и продажи авторских романов в печатном виде. Платформа позволяет писателям загружать свои произведения, настраивать оформление книги и продавать её читателям напрямую, минуя посредников и с минимальной комиссией. Сервис включает каталог книг, личные страницы авторов, корзину, оформление заказов и интеграцию с типографиями и платёжными системами.

Задачи: 
- Разработал и задокументировал в Storybook более 30 переиспользуемых UI-компонентов, что унифицировало дизайн и ускорило разработку новых фич на ~25%.
- Спроектировал и реализовал полный флоу оформления заказа, включая корзину и интеграцию с платежной системой ЮMoney, что позволило запустить монетизацию на платформе.
- Ускорил первоначальную загрузку приложения на ~1.5 секунды за счет внедрения code splitting и lazy loading для основных страниц и компонентов.
- Интегрировал API Яндекс.Карт для выбора адреса доставки с автозаполнением и визуализацией на карте, улучшив пользовательский опыт в процессе оформления заказа.

Стек: 
- TypeScript, React, нужен доступ к резюме , Zustand, Axios, Tailwind CSS, Styled Components, Storybook, Prettier, Docker, Git 
Кодовая база хранилась в self-hosted GitLab.

нужен доступ к резюме

Описание проекта: 
- Onetraf — платформа для продвижения Telegram-каналов и автоматизации рутинных задач, связанных с их управлением. Сервис позволяет пользователям анализировать аудиторию, настраивать таргетированную рассылку, отслеживать статистику и управлять взаимодействием с подписчиками через интуитивный веб-интерфейс.

Задачи: 
- Сократил размер основного JS-бандла на 35% (с 500KB до 325KB) через code splitting и анализ зависимостей, что напрямую улучшило показатель Time to Interactive (TTI).
- Перевел логику работы с данными на RTK Query, настроив кэширование и автоматическую инвалидацию, что снизило нагрузку на бэкенд и повысило отзывчивость интерфейса.
- Адаптировал ключевые дашборды для мобильных устройств, позволив пользователям управлять рекламными кампаниями и аналитикой со смартфонов.

Стек: 
- TypeScript, React, нужен доступ к резюме , Redux, Redux Toolkit, Tailwind CSS, Storybook, Prettier, Docker, Git 
Кодовая база хранилась в self-hosted GitLab.