Vue Frontend Developer

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

Задачи и ответственность:

– Проектировал архитектуру фронтенд-приложения на Vue 3 с использованием Composition API
– Разработал модульную архитектуру (20+ модулей) глобального состояния на Pinia для работы с каталогом, корзиной, избранным, пользователем и заказами
– Реализовал иерархическую структуру каталога (разделы и подразделы) для масштабируемой работы с 200+ товарами
– Реализовал фильтрацию, сортировку и поиск товаров по нескольким параметрам
– Разработал полный пользовательский флоу покупки: добавление в избранное и корзину, подсчёт итоговой стоимости, выбор способа доставки, оформление заказа
– Реализовал два сценария оформления заказа (самовывоз и доставка) с различной бизнес-логикой и UI
– Разработал личный кабинет пользователя с авторизацией, валидацией форм и возможностью редактирования данных
– Реализовал ограничение доступа к отдельным страницам и функциям для неавторизованных пользователей
– Организовал хранение пользовательских данных и заказов с использованием localStorage
– Реализовал адаптивную верстку для всех типов устройств (вплоть до 360px)
– Оптимизировал производительность приложения, сократив размер бандла в 2 раза
– Подготовил и выполнил деплой проекта на платформе Vercel

Стек технологий:
Vue 3, Composition API, TypeScript, JavaScript, Pinia, Vue Router, SASS, HTML, CSS, Git, Vercel

Live demo: https://ilyinsky.vercel.app
GitHub: https://github.com/w1ct2/Ilyinsky

Насотку – платформа для подготовки к ЕГЭ. Интенсив с несколькими направлениями, ориентированный на подготовку выпускников к сдаче экзамена на 100 баллов. Платформа обслуживает более 10 000 активных пользователей, включает онлайн-тесты, учебные материалы, дорожные карты, личные кабинеты, различные тарифы.
Команда: Teamlead, 3 Frontend, 2 Backend, 1 Mobile

Задачи и ответственность:

– Переписывал асинхронную логику с HTTP запросов на WebSocket API, обеспечив обновление данных в реальном времени и снизив нагрузку на сервер за счёт уменьшения количества запросов
– Улучшил производительность пользовательского ввода, внедрив debounce в обработчики input, сократив количество лишних API запросов и повысив отзывчивость интерфейса
– Реализовал универсальный веб-просмотрщик файлов с поддержкой 3D-моделей, изображений, PDF и офисных форматов (DOCX, XLSX, PPTX), спроектировал единый интерфейс отображения и навигации для различных типов данных
– Разработал утилиту для сбора и отслеживания UTM-меток, что позволило корректно анализировать источники трафика и повысить точность маркетинговой аналитики
– Интегрировал систему hotkeys для ключевых пользовательских сценариев, сократив количество действий при работе с интерфейсом
– Тесно взаимодействовал с backend разработчиком при реализации функционала, участвовал в обсуждении API, технических ограничений сервера и поиске оптимальных решений
– Устранял дублирование кода, вынеся бизнес-логику в переиспользуемые модули, что упростило поддержку и ускорило разработку новых фич
– Перевёл UI компоненты с Vue 2 (Options API) на Vue 3 (Composition API), улучшив читаемость кода и упростив масштабирование приложения
– Оптимизировал пользовательские сценарии и предлагал улучшения интерфейса, что повысило удобство использования платформы
– Типизировал состояние приложения с использованием TypeScript, снизив количество потенциальных ошибок на этапе разработки
– Выстраивал компонентную архитектуру с соблюдением код-стайла и внутренних стандартов проекта

Стэк: Vue 3 (Composition API, Options API), TypeScript, JavaScript, Pinia, Vuex, Vue Router, REST API, WebSocket, Sass, Git, GitLab