Интернет-магазин мобильной техники: каталог с фильтрацией, карточки товаров, корзина и оформление заказов. Витрина на Next.js, за ней собственный бэкенд на FastAPI и PostgreSQL.
Next.js · TypeScript · Tailwind · FastAPI · PostgreSQL · Docker · GitHub Actions
Стек
3 месяца
Срок
Разработка с нуля, фронтенд и бэкенд
Роль
Каталог с фильтрами
Фильтры по цене, SIM, памяти и цвету, у каждого значения — счётчик товаров. Сортировка и десять категорий в верхнем меню.
Карточка товара
Варианты памяти, цвета и SIM переключаются прямо в карточке. Рядом — наличие на складе, срок поступления в город, цена со скидкой и без неё, расчёт рассрочки.
Корзина
Товары выбираются чекбоксами — оформить можно часть корзины. Справа сразу видно итог, предоплату и остаток при получении.
Оформление заказа
Одна страница вместо шагов: данные получателя, доставка, оплата и состав заказа рядом. Три способа доставки, оплата целиком или предоплатой, списание бонусов.
Личный кабинет
Заказы со статусами, бонусный счёт, избранное и адреса. Отдельно — привязка Telegram: статусы заказов и оплаты приходят в мессенджер.
