Специалисты

Социальная сеть

Роль на проекте:Frontend-разработчик (React) Описание проекта: Основной интерфейс и инфраструктура одной из крупнейших социальных сетей в регионе, обслуживающей миллионы пользователей ежедневно. Проект направлен на обеспечение высокой производительности, доступности (accessibility) и бесперебойной работы ключевых пользовательских функций, а также на поддержку и развитие общей кодобазы и инструментов для сотен разработчиков. В рамках проекта занимался развитием инфраструктурного слоя: разработал и внедрил набор кастомных линтеров для контроля качества кода (включая проверку a11y-атрибутов и запрет устаревших CSS-практик), а также создал инструменты для безопасного рефакторинга. Важной частью работы стало создание внутренних DevTools (фича-тоглов) для дизайнеров и тестировщиков, позволивших визуализировать компоненты на проде, и поддержка UI-Kit на базе React — его обновление, написание скриншотных тестов и документации в Storybook для обеспечения согласованности интерфейса и надёжности компонентов. Команда проекта: Frontend (7 чел.) Обязанности на проекте: ● Разработка, поддержка и обновление компонентов библиотеки, используемой 400+ разработчиками компании. ● Создание и поддержка инфраструктурного инструментария для библиотеки: кастомные линтеры, скрипты для рефакторинга и CI-пайплайны. ● Обеспечение обратной совместимости и плавного обновления версий библиотеки для всех потребителей. ● Написание и поддержка различного вида тестов (unit, интеграционных, скриншотных) для гарантии стабильности компонентов. ● Консультирование команд-потребителей по использованию библиотеки и решение проблем интеграции. Личные результаты: ● Разработал набор линтеров и правил для продуктового кода: контроль a11y-пропсов, предотвращение использования запрещённых CSS. ● Создал скрипты для обнаружения и устранения устаревших стилей в кодовой базе — упростил процесс рефакторинга. ● Реализовал DevTools для дизайнеров и тестировщиков (фича-тогл), позволившие отслеживать используемые компоненты даже на продакшене. ● Участвовал в постепенном отказе от кастомных CSS в продуктовых компонентах, автоматизировал процесс поиска и замены. ● Поддерживал внутренний UI-kit, основанный на open-source библиотеке: обновление компонентов, написание скриншотных тестов (Playwright), документирование в Storybook.

React, TypeScript, Redux Toolkit, Redux Saga, Material UI, Jest, React Testing Library, Storybook, Vite, Webpack

март 2025 - декабрь 2025 месяцев

Система для управления прогнозированием и пополнением магазинов крупной продуктовой сети

Роль на проекте: Frontend-разработчик (React) Описание проекта: Система для автоматизации процессов прогнозирования спроса и управления пополнением товарных запасов в магазинах крупной продуктовой сети. Система призвана оптимизировать логистику, минимизировать издержки, связанные с избыточными или недостаточными запасами, и повысить уровень удовлетворенности клиентов за счет обеспечения доступности товаров. В рамках проекта была разработана переиспользуемая библиотека компонентов, которая включала универсальные UI-элементы, такие как таблицы, фильтры, формы, графики и элементы управления данными. Эта библиотека была создана с использованием современных технологий (React, Material-UI) и задокументирована с помощью Storybook, что позволило другим командам легко интегрировать и использовать компоненты в других внутренних приложениях компании. Команда проекта: Frontend (4 чел.), Backend (7 чел.), DevOps (4 чел.), Системные аналитики (3-5 чел.), Бизнес аналитики (2-3 чел.), QA (3-4 чел.) Обязанности на проекте: ● Внедрение функционала фильтрации, сортировки, поиска и настройки отображения данных на экранах ● Настройка и управление запросами к API (GET, POST, PUT, DELETE) с использованием Redux Saga. ● Обработка ответов от API, включая успешные ответы и ошибки, с обновлением состояния приложения. ● Реализация механизмов для повторных запросов в случае сбоев ● Написание unit-тестов и интеграционных тестов для компонентов и логики приложения при помощи Jest и React Testing Library ● Разработка и поддержка внутренней библиотеки компонентов на основе Material UI. ● Документирование компонентов UI-кита с использованием инструментов, таких как Storybook, для удобства использования другими разработчиками. ● Обеспечение совместимости UI-кита с другими внутренними приложениями компании. ● Оптимизация производительности Личные результаты: ● Создал библиотеку переиспользуемых компонентов на основе Material UI, которая используется в системе и других внутренних приложениях компании ● Создал подробную документацию для всех компонентов библиотеки с использованием Storybook, что упростило их использование другими разработчиками ● Написал unit-тесты для компонентов библиотеки, что обеспечило их стабильность и надежность ● Успешно интегрировал систему с бэкендом через Redux Saga, обеспечив стабильную работу асинхронных запросов (цепочки запросов, параллельные запросы, обработка ошибок). ● Оптимизировал процесс получения и обновления данных, что повысило производительность системы. ● Внедрил интерактивные элементы (фильтры, сортировка, поиск), что упростило работу пользователей с большими объемами данных ● Написал unit-тесты и интеграционные тесты для компонентов и логики приложения, что повысило стабильность системы

React, TypeScript, Redux Toolkit, Redux Saga, Material UI, Jest, React Testing Library, Storybook, Vite, Webpack

июнь 2024 - марта 2025 месяцев

Социальная сеть

Роль на проекте: Frontend-разработчик (React) Описание проекта: Социальная сеть с полноценным функционалом, позволяющим пользователям публиковать посты, ставить лайки, оставлять комментарии. Проект был ориентирован на улучшение пользовательского опыта, а также обеспечивал высокую скорость загрузки и интерактивность интерфейса. Команда проекта: Frontend (2 чел.), Backend (3 чел.), DevOps (1 чел.), Системные аналитики (1 - 2 чел.), QA (1 - 2 чел.) Обязанности на проекте: ● Разработка страницы просмотра поста, включающей отображение контента (изображения/видео), комментариев и действий пользователя (лайк, репост, комментирование). ● Отображение карусели изображений/видео с поддержкой свайпа и автоматическим слайдингом. ● Оптимизация медиафайлов для быстрой загрузки реализация ресайза изображений, использование прогрессивной загрузки, предзагрузка видео. ● Разработка формы создания поста с возможностью загрузки медиафайлов (изображения и видео) при помощи drag&drop, добавления описания и предпросмотра загружаемых файлов. ● Реализация авторизации пользователей через сканирование QR-кода с использованием пулинга ● Оптимизация работы приложения для улучшения пользовательского опыта. Улучшение производительность, уменьшение времени загрузки страниц, повышение отзывчивости интерфейса. ● Реализация поддержки многоязычности в веб- и мобильных версиях приложения, адаптация интерфейса для пользователей из разных стран. ● Добавление поддержки тем (светлая, тёмная) с возможностью переключения в интерфейсе и автоматическим выбором темы в зависимости от системных настроек пользователя. Личные результаты: ● Реализовал страницу просмотра поста с отображением контента (изображения, видео), комментариев и действий пользователя (лайк, репост, комментирование). ● Разработал карусель с поддержкой свайпа и автоматическим слайдингом для удобного просмотра медиафайлов ● Реализовал поддержку многоязычности в веб- и мобильных версиях приложения, адаптировав интерфейс для пользователей из разных стран ● Провел оптимизацию приложения, что привело к уменьшению времени загрузки страниц на 30%. ● Реализовал авторизацию пользователей через сканирование QR-кода с использованием пулинга для проверки статуса авторизации

React, TypeScript, Next.js, Zustand, Feature Sliced Design, React Hook Form, Radix UI, Zod, Next Intl, dayjs, openapi-typescript

ноябрь 2023 - июнь 2024 месяца

Платформа для управления задачами

Роль на проекте: Frontend-разработчик (React) Описание проекта: Платформа для управления задачами, которая позволяет пользователям создавать, назначать и отслеживать задачи в команде. Платформа предоставляет интерфейс для управления проектами, создания досок задач и отслеживания прогресса в реальном времени. Команда проекта: Frontend (3 чел.), Backend (2 чел.), DevOps (1 чел.), Системные аналитики (1 - 2 чел.), QA (1 - 3 чел.) Обязанности на проекте: ● Настройка взаимодействия с сервером для получения, создания, редактирования и удаления задач. ● Реализация механизма регистрации, входа и выхода пользователей с использованием JWT. ● Использование Redux и Redux Saga для управления состоянием задач, пользователей и проекта. ● Создание компонентов для отображения досок задач с возможностью добавления, редактирования и перемещения задач. ● Внедрение функционала Drag&Drop для перемещения задач между колонками на доске. ● Реализация функционала фильтрации и сортировки задач по различным параметрам (дата, приоритет, статус). ● Использование Websockets для отправки и получения уведомлений о новых задачах и изменениях в существующих задачах. ● Использование React Hook Form для создания форм добавления и редактирования задач. ● Реализация пагинации и бесконечных списков для эффективного отображения большого количества задач. ● Добавление поддержки темной и светлой темы с помощью MUI. ● Разработка дашборда для отображения статистики по проектам и задачам. ● Написание юнит-тестов для компонентов и интеграционных тестов для основных функциональностей. ● Разработка и документирование компонентной библиотеки для повторного использования элементов интерфейса. Личные результаты: ● Реализовал интеграцию с сервером для получения, создания, редактирования и удаления задач. ● Обеспечил стабильную работу API-запросов с обработкой ошибок и отображением соответствующих уведомлений для пользователей ● Настроил централизованное управление состоянием для задач, пользователей и проекта с помощью Redux ● Добавил функционал Drag&Drop для перемещения задач между колонками на доске, обеспечив плавность и отзывчивость интерфейса ● Реализовал функционал фильтрации и сортировки задач по различным параметрам (дата, приоритет, статус). ● Внедрил Websockets для отправки и получения уведомлений о новых задачах и изменениях в существующих задачах

TypeScript, React, Next.js, Vite, Redux, Redux Saga, MUI, React Hook Form, Vitest, JWT, Socket.IO, Storybook

январь 2023 - ноябрь 2023 месяца

Электронная коммерция

Роль на проекте: Frontend-разработчик (React) Описание проекта: Платформа электронной коммерции, которая позволяет пользователям просматривать товары, добавлять их в корзину, оформлять заказы и отслеживать доставку. Администраторы могут управлять каталогом товаров, заказами и пользователями. Команда проекта: Frontend (2 - 4 чел.), Backend (2 чел.), DevOps (1 чел.), Системные аналитики (1 - 2 чел.), QA (1 - 3 чел.) Обязанности на проекте: ● Настройка взаимодействия с сервером для получения, создания, редактирования и удаления товаров. ● Использование Apollo Client для управления состоянием товаров, заказов и пользователей. ● Создание компонентов для отображения каталога товаров с возможностью фильтрации и сортировки. ● Создание возможности для пользователей сравнивать характеристики и цены нескольких товаров на одной странице. ● Разработка расширенного поиска с поддержкой автозаполнения, фильтрации по параметрам (цена, бренд, категория и т.д.) и подсказок для улучшения пользовательского опыта. ● Оптимизация загрузки изображений на сайт с использованием lazy loading для ускорения загрузки страниц и экономии трафика пользователя. ● Использование Formik для работы с формами на сайте. ● Реализация пагинации и бесконечных списков для эффективного отображения большого количества товаров. ● Реализация функционала добавления, редактирования и отображения отзывов пользователей о товарах. ● Разработка простой страницы с информацией о компании, её истории, ценностях и контактной информацией. ● Внедрение кнопки для быстрого доступа к функциям поделиться товаром в социальных сетях или через email. Личные результаты: ● Реализовал интеграцию с сервером для получения, создания, редактирования и удаления товаров ● Создал возможность для пользователей сравнивать характеристики и цены нескольких товаров на одной странице ● Разработал расширенный поиск с поддержкой автозаполнения, фильтрации по параметрам (цена, бренд, категория и т.д.) и подсказок ● Реализовал пагинацию и бесконечные списки для эффективного отображения большого количества товаров ● Внедрил кнопку для быстрого доступа к функциям поделиться товаром в социальных сетях или через email ● Переписал legacy-код, заменив устаревшие решения на современные технологии, что улучшило производительность и читаемость кода.

TypeScript, React, Next.js, Apollo, GraphQL, Ant Design, SCSS, Formik, Google Page Speed

август 2022 - январь 2023 месяца

Платформа для аренды недвижимости

Роль на проекте: Frontend-разработчик (React) Описание проекта: Платформа для аренды недвижимости, которая позволяет арендодателям размещать объявления о сдаче жилья, а арендаторам — искать, бронировать и арендовать недвижимость. Платформа поддерживала управление объявлениями, бронированием и коммуникацией между арендодателями и арендаторами. Команда проекта: Frontend (2 - 3 чел.), Backend (2 чел.), QA (1 чел.) Обязанности на проекте: ● Настройка взаимодействия с сервером для получения, создания, редактирования и удаления объявлений и бронирований. ● Оптимизация интерфейса для корректного отображения на различных устройствах и экранах, включая мобильные и планшеты. ● Реализация механизма регистрации, входа и выхода пользователей с использованием JWT. ● Реализация интерфейса для создания, редактирования и удаления объявлений арендодателями. ● Создание интерфейса для поиска недвижимости с возможностью фильтрации и сортировки. ● Внедрение интерфейса для просмотра и управления бронированиями арендодателями и арендаторами. ● Добавление поддержки многоязычности с использованием i18next. ● Реализация поддержки различных валют для арендаторов из разных стран. ● Разработка и документирование компонентной библиотеки для повторного использования элементов интерфейса. ● Разработка интерфейса для загрузки, просмотра и управления фотографиями недвижимости. ● Создание компонента для сравнения нескольких объявлений по различным параметрам, таким как цена, расположение, удобства и отзывы. Личные результаты: ● Реализовал удобный и интуитивно понятный поиск, что улучшило пользовательский опыт ● Разработал интерфейс для поиска недвижимости с возможностью фильтрации и сортировки ● Добавил поддержку различных валют для арендаторов из разных стран ● Обеспечил автоматическое конвертирование цен в зависимости от выбранной валюты ● Создал интерфейс для загрузки, просмотра и управления фотографиями недвижимости ● Разработал компонент для сравнения нескольких объявлений по различным параметрам, таким как цена, расположение, удобства и отзывы

TypeScript, React, Next.js, Redux Toolkit, SCSS, Formik, i18next, JWT, Storybook

октябрь 2021 - август 2022 месяца