Цифровая платформа для управления финансово-экономической деятельностью государственных медицинских организаций. Система предоставляет инструменты аналитики, планирования, мониторинга ключевых показателей и поддержки принятия управленческих решений.
Команда: 2 Frontend Developer, 2 Backend Developer, 1 Tehc lead, 1 Project manager
- Исправил архитектурные проблемы проекта, связанные с некорректным применением методологии FSD.
- Выполнил рефакторинг ключевых компонентов приложения, включая формы, таблицы, графики и общие компоненты, повысив их читаемость, переиспользуемость и удобство сопровождения.
- Внедрил локализацию приложения с использованием i18n, организовал хранение и конфигурацию текстовых ресурсов.
- Разработал таблицы формата Excel-like с поддержкой редактирования данных и валидации.
- Реализовал систему динамических форм, формируемых на основе конфигурации, получаемой от backend.
- Реализовал поддержку клиентской валидации по конфигурации, а также пагинации и фильтрации данных.
- Разработал вложенные табличные формы с большим объемом данных, поддержкой вычисляемых полей и автоматическим пересчетом значений по заданным формулам и зависимостям между полями.
- Написал тесты для ключевых компонентов форм и таблиц, обеспечив сохранение существующей функциональности при дальнейшем рефакторинге.
- Оптимизировал очередь выполнения запросов и синхронизацию с backend после изменения API, сократив количество лишних обращений и улучшив производительность приложения.
- Vue
- TypeScript
- JavaScript
- Pinia
- SCSS
- i18n
Онлайн-платформа для продажи цифровых игровых товаров, внутриигровой валюты и пополнения баланса популярных игровых сервисов. Проект включает каталог товаров, оформление заказов, интеграцию платежных систем и личный кабинет пользователя.
Команда: 2 Frontend Developer, 2 Backend Developer, 1 Project manager
- Выполнил рефакторинг универсальных компонентов, которые со временем значительно усложнились из-за поддержки множества способов покупки.
- Упростил структуру компонентов, выделил общую логику и повысил удобство их дальнейшего сопровождения и развития.
- Внедрил локализацию приложения с использованием i18n, организовал конфигурацию текстовых ресурсов.
- Реализовал адаптивную верстку по дизайн-макетам с использованием подхода Mobile First.
- Интегрировал новые платежные системы (Cardlink, Overpay), реализовал пользовательские сценарии оплаты и обработку статусов платежей.
- Оптимизировал очередь выполнения запросов после изменений backend API, сократив количество лишних обращений и улучшив стабильность работы приложения.
- Vue
- TypeScript
- JavaScript
- Pinia
- SCSS
- i18n
Онлайн-платформа для продажи цифровых игровых товаров, основанная на механике открытия кейсов. Сервис включает каталог товаров, пользовательский профиль, систему покупки и интеграцию с платежными сервисами.
Команда: 2 Frontend Developer, 2 Backend Developer, 1 QA, 1 Tehc lead, 1 Project manager
- Исправил архитектурные проблемы проекта, связанные с некорректным применением FSD.
- Привел структуру проекта в соответствие с архитектурными принципами, улучшив читаемость и поддержку кодовой базы.
- Разработал универсальные UI-компоненты с использованием styled-components для формирования переиспользуемой библиотеки компонентов с возможностью применения в других проектах.
- Реализовал систему авторизации пользователей, включая двухфакторную аутентификацию (2FA).
- Разработал интерактивное обучение (онбординг) с пошаговыми подсказками поверх интерфейса приложения.
- Внедрил локализацию приложения с использованием i18n, организовал конфигурацию текстовых ресурсов.
- Оптимизировал производительность приложения на основе рекомендаций Lighthouse, улучшив показатели загрузки, производительности и пользовательского опыта.
- Next
- TypeScript
- JavaScript
- Redux-toolkit
- Framer motion
- styled-component
- formik
- i18n
Группа веб-проектов, посвященных инвестиционным предложениям в сфере майнинга криптовалют. Проекты имели единую бизнес-логику и различались дизайном, контентом и конфигурацией.
Команда: 5 Frontend Developer, 4 Backend Developer, 1 QA, 1 Tehc lead, 1 Project manager
- Переписывал устаревший код с jQuery на современные подходы, часть проектов мигрировал на React.
- Участвовал в обновлении архитектуры legacy-проектов и постепенной замене устаревших решений.
- Выбирал и применял подходящие архитектурные методологии под конкретные проекты (Feature-Sliced Design, Atomic Design) в зависимости от сложности и структуры интерфейса.
- Разрабатывал полный цикл веб-приложений: авторизация, роли пользователей, 2FA, бизнес-логика покупок и взаимодействия с системой.
- Стандартизировал новые проекты под архитектуру FSD, обеспечивая единый подход к структуре фронтенда.
- Руководил командой фронтенд-разработчиков в рамках отдельных проектов, распределял задачи и контролировал качество реализации.
- React
- TypeScript
- JavaScript
- HTML
- SCSS
- BEM
- Webpack
- Axios
- jQuery
Корпоративная веб-платформа бренда детского питания «Тёма», объединяющая информационный портал о продукции компании и кулинарный раздел с рецептами. Пользователям были доступны поиск и просмотр рецептов, а также возможность добавления собственных рецептов с последующей модерацией.
Команда: 1 Frontend Developer, 1 Backend Developer, 1 Project manager
- Выполнял работы по улучшению и поддержке существующего функционала сайта, включая доработку компонентов и исправление багов.
- Разработал алгоритм, выполняемый на этапе сборки проекта, для автоматической генерации динамического файла sitemap.xml на основе опубликованных статей.
- Обеспечил актуализацию структуры sitemap при каждом билде, что улучшило индексацию страниц поисковыми системами и упростило поддержку SEO-структуры проекта.
- React
- TypeScript
- JavaScript
- HTML
- SCSS
- BEM
- Webpack
- Axios
- jQuery
Интернет-магазин бытовой техники, сантехники и товаров для дома с развитым каталогом продукции, системой поиска и фильтрации, карточками товаров, личным кабинетом пользователя и оформлением заказов. Проект был ориентирован на подбор и покупку товаров для обустройства дома.
Команда: 1 Frontend Developer, 1 Backend Developer
- Выполнял доработку и улучшение существующего функционала сайта, включая рефакторинг устаревшей верстки и JavaScript-логики.
- Реализовал систему уведомлений профиля в режиме реального времени с использованием WebSocket, обеспечив мгновенную доставку событий пользователю.
- Исправил и оптимизировал сборку проекта на Webpack, улучшив стабильность и качество production-бандла.
- Повысил производительность сайта по рекомендациям Lighthouse, увеличив показатель с 45 до 87 за счет оптимизации загрузки и рендеринга.
- Nuxt 2
- TypeScript
- JavaScript
- HTML
- SCSS
- BEM
- Webpack
- Axios
Онлайн-платформа бизнес-образования, предоставляющая пользователям доступ к образовательным программам по различным направлениям бизнеса. Система включала личный кабинет, прохождение учебных курсов, выполнение практических заданий и тестов, взаимодействие между студентами и проверяющими, а также выдачу сертификатов и дипломов по завершении обучения.
Команда: 2 Frontend, 2 Backend, 1 Project Manager \ Tech lead
- Разработал универсальный компонент для выполнения заданий, ответов на вопросы и оценивания работ с поддержкой различных пользовательских ролей (студент / проверяющий).
- Реализовал систему комментариев к проверенным заданиям, включая поддержку древовидной структуры обсуждений.
- Создал адаптивный боковой чат для взаимодействия между экзаменатором и студентом, а также ряд ключевых страниц и UI-компонентов платформы.
- Провел рефакторинг компонента пагинации, внедрив алгоритм «сжатия» для корректного отображения большого количества страниц.
- Реализовал улучшенное мобильное взаимодействие, повысив удобство использования на мобильных устройствах.
- Обеспечил интеграцию всех интерфейсов с backend API через Axios в соответствии со спецификацией Swagger.
- React TS
- SSR
- Redux-saga
- Axios
- Styled-component
- BEM
- JWT
- Swagger
