РАЗБОР ПРОЕКТАПРОМОСАЙТ

Корзина — промосайт весенней акции сервиса доставки торговой сети на Vue 3 и TypeScript

Четырёхнедельная акция сервиса доставки сети магазинов: участник регистрируется на сайте и заказывает продукты в приложении от 2500 ₽ — каждый заказ даёт шанс в розыгрыше недели, а заказ с готовой едой или товаром из подборки партнёров — два. Каждую неделю разыгрываются сертификаты на технику и электронику, путешествия и покупки.

Vue 3TypeScriptFrontendPinia

Роль: Фронтенд-разработчик
Сроки: 2025, март — апрель

Первый экран весенней акции сервиса доставки

Задача

Начать новую основу акций на Vue 3 и TypeScript и собрать на ней промосайт по готовому дизайну: регистрацию через аккаунт покупателя, шаги и даты розыгрышей, слайдер призов, победителей на главной и личный кабинет с шансами.

Что входит в решение

Новая основа на Vue 3, TypeScript и Vite: типизированные запросы к API, хранение токена в cookie или localStorage на выбор, обработка неавторизованного доступа.
Личный кабинет: шансы в розыгрыше каждой недели с разбивкой на обычные заказы и заказы с товарами из подборки.
Победители прямо на главной: фильтры по неделе и призу, поиск по номеру телефона.
Шаги участия, даты розыгрышей по неделям, блок двойных шансов и слайдер еженедельных призов.
Регистрация через единый аккаунт покупателя сети (OAuth): заказы в приложении учитываются автоматически.
Вопросы и ответы, форма обратной связи, адаптивная вёрстка.

Шаги участия и даты еженедельных розыгрышей — Шаги участия и даты розыгрышей

Победители с фильтрами по неделе и призу и поиском по телефону — Победители на главной

Шансы недели по видам заказов в личном кабинете — Шансы недели в личном кабинете

Коммерческий проект в команде: весь фронтенд по готовому дизайну сделал я. Скриншоты сняты с локальной сборки на тестовых данных; логотип и название сети и тексты из её приложения скрыты.

Следующий проект Коньки — промосайт благотворительной акции торговой сети с табло собранных средств и магазином подарковПРОМОСАЙТ