Задача
В чём была боль
Нужен был интернет-магазин под собственный бренд очков и перчаток — с нестандартной фильтрацией (форма лица, размер перчаток), видео на карточках товаров, отзывами и вопросами покупателей, SMS-авторизацией вместо email.
Решение
Что я сделал
01
Каталог с фильтрами. Фильтрация по категории, цене, форме лица, форме оправы, типу линз, размеру перчаток, цвету. Сортировка, чипы фильтров, пагинация. Синхронизация с URL-параметрами.
02
Карточки товаров с видео. Галерея превью + главное фото, видео-обложка с автозапуском в вьюпорте. Размерная лента, свотчи цветов, остаток в наличии. Табы: описание, характеристики, отзывы, вопросы, доставка.
03
Корзина и оформление заказа. Корзина с промокодом. Оформление в 4 шага: контакты → доставка → оплата → подтверждение.
04
Интеграция Яндекс Pay. Онлайн-оплата через Яндекс Pay (YCP): карта, СБП, рассрочка 4×. Отдельный Django-app ycp для обработки платёжных событий и колбэков.
05
Интеграция Яндекс Доставка. Расчёт стоимости и оформление доставки через API Яндекс Доставки. Выбор ПВЗ, курьерская доставка, отслеживание статуса заказа.
06
Личный кабинет. История заказов со статусами, избранное, размерный профиль, адреса доставки, бонусная программа.
07
SMS-авторизация. Вход и регистрация по номеру телефона через SMS. Нормализация номера в любом формате. Flood-protection.
08
API-бэкенд. 9 Django-приложений: каталог, корзина, ycp (оплата), Яндекс Доставка, отзывы, вишлист, контент, согласия, пользователи. Celery для фоновых задач.
Стек
На чём собрано
DjangoDRFCeleryRedisPostgreSQLЯндекс Pay (YCP)Яндекс ДоставкаNuxt 4Vue 3TypeScriptTailwind CSSPinia
Результаты
Цифры
9
бэкенд-приложений
каталог, корзина, оплата, доставка, отзывы...
15+
страниц фронта
каталог, карточка, корзина, ЛК, чекаут...
YCP +
Яндекс Доставка
две нативные интеграции Яндекса
SMS
авторизация
вход и регистрация по телефону