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

Это LMS-система для онлайн-школы '100балльный репетитор'. Система предназначена для
подготовки школьников к ОГЭ и ЕГЭ, предоставляя курсы, вебинары, задания, обратную связь и
поддержку через личный кабинет.

➡ Создал встроенный мессенджер для общения с преподавателями в разделе обратной связи,
применил библиотеку Socket.IO для того чтобы можно было общаться в реальном времени. Это
помогло ученикам быстрее получать консультации и в целом улучшить опыт общения с
наставниками.

➡ Реализовал элемент геймификации в личном кабинете, добавив систему 'жизней' за
выполнение заданий с использованием библиотеки Framer Motion для анимаций. Настроил
логику через Redux-Thunk для асинхронных обновлений. Это повысило мотивацию учеников
своевременно выполнять домашние задания и дало понимание когда они отстают от
программы.

➡ Сделал продвинутую фильтрацию в разделе каталога курсов, позволяющую выбирать
программы по предметам и уровню подготовки с помощью библиотеки Redux-Thunk для
оптимизации запросов данных. Верстал компоненты с использованием Emotion. Это упростило
поиск подходящих курсов для учеников.

➡ Разработал и задокументировал набор переиспользуемых компонентов для личного
кабинета в Storybook, используя библиотеку Emotion для стилизации. Провел демонстрацию для
команды, чтобы упростить использование компонентов. Это ускорило разработку интерфейсов
и обеспечило единообразие дизайна.

➡ Предложил улучшить процесс код ревью внедренив чек-листы для проверки качества кода.
Ввел регулярные ретроспективы для анализа ошибок. Это повысило качество кода, сократило
время на исправление недочетов и в целом дало почву для улучшения процессов в команде.

➡ Разработал динамический календарь для раздела расписания, используя FullCalendar для
отображения вебинаров и занятий. Настроил интеграцию с Redux для управления состоянием
событий. Добавил возможность экспорта событий в личный календарь пользователя, что
повысило удобство планирования учебного процесса.

➡ Настроил покрытие unit и интеграционными тестами для модуля форума, используя Jest и
React Testing Library. Разработал e2e-тесты через Cypress для проверки пользовательских
сценариев. Также внедрил снапшот-тестирование для UI-компонентов. Это повысило
стабильность работы раздела обсуждений.

Технологии: HTML, CSS, TypeScript, React, Redux, Framer Motion, Recharts, FullCalendar, Emotion

WB Partners - B2B-система для работы продавцов с маркетплейсом Wildberries. Проект
предоставляет личный кабинет с аналитикой продаж, выручки, комиссий и штрафов, а также
инструменты для управления товарами, их добавления, редактирования и удаления.

➡ Разработал инструмент для массовой оптимизации карточек товаров с автоматическим
обновлением цен и описаний. Использовал библиотеку Lodash для обработки больших
массивов данных и React-Hook-Form для управления формами. Продавцы смогли повысить
видимость своих товаров за счет анализа ключевых слов.

➡ Создал интерактивный модуль для дашборда, который предоставляет поставщикам прогнозы
спроса на основе исторических данных. Использовал библиотеку Chart.js для визуализации
графиков и React-Query для асинхронного получения данных с бэкенда. В результате
пользователи получили рекомендации по запасам, куда стоит довезти товара, а откуда можно
забрать, это повысило точность планирования и скорость доставки товара, что повлияло не
только на продажи нашего клиента, но и на удовлетворенность маркетплейса в целом.

➡ Покрыл юнит и интеграционными тестами функционал управления карточками товаров.
Использовал Jest для юнит тестов и Cypress для e2e-тестов, а также React Testing Library для
проверки компонентов. Это повысило стабильность и выявило скрытые ошибки.

➡ Променторил команду на внутренних встречах для обучения работе с новыми
инструментами, такими как React-Query. Поделился опытом оптимизации запросов. Это
повысило квалификацию коллег и улучшило качество кода.

➡ Разработал раздел для сравнения продаж и цен с конкурентами в выбранной категории.
Применил библиотеку Chart.js для построения сравнительных диаграмм и React-Query + Axios
для запросов к API. Это позволило продавцам корректировать стратегию ценообразования на
основе рыночных данных.

➡ Создал функционал сравнения карточек товаров для анализа ключевых метрик, таких как
сумма заказов, конверсия, процент выкупа и средняя позиция в выдаче. Использовал React для
создания интерфейса, React-Query для управления асинхронными данными, Chart.js для
визуализации сравнительных графиков и Lodash для обработки массивов. Результатом стало
упрощение принятия решений продавцами по продвижению товаров.

➡ Разработал функционал настраиваемых шаблонов для экспорта финансовых данных в PDF и
Excel. Применил библиотеку jsPDF для генерации документов в виде PDF, ExcelJS для генерации
Excel и FileSaver.js для их скачивания. Продавцы получили возможность быстро формировать
отчеты по выплатам и штрафам в удобном формате.

➡ Провел глубокий рефакторинг устаревших модулей в разделе управления логистикой,
устранив дублирование кода и повысив читаемость. Переписал ключевые компоненты с
использованием React.memo и Suspense для улучшения производительности рендеринга.
Интегрировал Redux Toolkit вместо устаревших подходов Redux, а также внедрил React-Query
для оптимизации запросов данных о складских остатках. В результате повысил стабильность и
скорость работы раздела, обеспечив более удобное управление поставками.

➡ Подготовил подробную документацию по фронтенд-части проекта для ускорения
онбординга новых разработчиков. Описал архитектуру, ключевые библиотеки как React и
TypeScript, а также стандарты кода. Это позволило новичкам быстрее вливаться в процесс
разработки дашборда и аналитики.

Технологии: Chart.js, Lodash, React-Query, React, HTML, CSS, JavaScript, TypeScript,
styled-components