ФронтендБэкенд

Seller online

Разработка бэкенда и фронтенда для онлайн-маркетлейса.

Описание

Проект представляет собой маркетплейс для продажи товаров ручной работы. Помимо публичной части с витриной товаров, реализован полноценный раздел для продавцов, где они могут управлять базой своих товаров, следить за поступившими заказами, взаимодействовать с покупателями.
Проект реализован совместно с платформой Skipp Dev

Задача

Полностью разработать фронтенд и бэкенд проекта на основании дизайн-макетов и технического задания от заказчика.

Технологический стек

Проект реализован в формате Single Page Application. Бэкенд существует в формате Rest API.

Бэкенд реализован на PHP, фреймворк Laravel. БД - PosgreSQL.

Фронтенд сделан в виде SPA-приложения, с поддержкой серверного рендеринга, используется фреймворк Next.js (ReactJS). А также: Axios, Redux, React hooks.

Проектирование

Всё началось с проектирования структуры базы данных. Это важный и необходимый этап. Несколько важных аспектов данного проекта, которые необходимо было учесть:


  • Ролевая модель, ограничения прав доступа (покупатели, продавцы, администратор)
  • Мультивалютность
  • Важно было на уровне архитектуры заложить возможность последующей локализации
  • Товарный каталог и пользователи тесно интегрированы со сторонними сервисами

Публичная часть

Представляет собой онлайн-витрину из всех товаров, которые были размещены продавцами. Любой пользователь может изучить весь ассортимент и информацию о продавцах, сформировать свою корзину и оформить заказ.

Интеллектуальный фильтр

Мы сделали интеллектуальный фильтр, который учитывает все возможные комбинации товаров, интеллектуально наследуя при этом все вложенные категории относительно выбранной.

Персонализация карточки продавца

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

Корзина пользователя

Если покупатель сформировал корзину из товаров разных вендоров, заказ будет оформляться отдельно для каждого вендора на соответствующий ассортимент.

Личный кабинет продавца

Закрытый раздел, куда умеют доступ только пользователи, зарегистрированные в качестве продавцов.

Управление товарами

Интерфейс предусматривает все необходимые операции: добавление, редактирование, удаление. Также, ведется детальная статистика для каждого товара: просмотры, добавления в избранное, покупки.

Работа с изображениями

Для удобства работы с изображениями товаров реализован редактор, позволяющий обрезать загруженные картинки.

Автоматизация работы с товарами

Для упрощения поддержания товарной базы в актуальном состоянии для продавцом реализована возможность выгрузки товаров из Excel, возможность синхронизации товаров с Etsy.

Интеграции со сторонними системами

Для приема платежей реализована интеграция c платежными системами Stripe и Paypal.

Регистрация продавцов в проекте реализована с помощью интеграции с Etsy. Также, Etsy используется для загрузки товаров отдельных продавцов.

Адаптивная верстка

Сайт адаптирован под различные разрешения экрана, благодаря этому информация корректно отображается на разных устройствах.
Хотите обсудить свой проект? Задайте вопрос нам в социальных сетях или воспользуйтесь формой обратной связи ниже.
Свяжитесь с нами
Перетащите файл
или кликните для прикрепления