Skip to content

b2b-marketplace/b2b-marketplace-frontend

Repository files navigation

B2Buy-маркетплейс (Frontend)

Описание проекта

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

Функциональность

  • Регистрация и профили пользователей: Поставщики и оптовые покупатели могут зарегистрироваться на платформе и создать свои профили. Профили пользователей содержат информацию о компании, контактные данные и предлагаемые товары.

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

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

  • Обратная связь и рейтинги (в будущих реализациях проекта): Пользователи могут оставлять отзывы и оценки о поставщиках и их товарах.

  • Уведомления и коммуникация (в будущих реализациях проекта): Платформа предоставляет систему уведомлений, чтобы поставщики и покупатели могли быть в курсе новых заказов, сообщений и других важных событий. Пользователи могут общаться между собой через систему обмена сообщениями на платформе.

Используемые технологии:

Фронтенд:

  • React: Основной фреймворк.
  • React Router Dom: Для управления маршрутами.
  • Redux Toolkit и React Redux: Для управления состоянием.
  • React Query: Для работы с данными и запросов к API.
  • React Select, Swiper: Дополнительные компоненты UI.

Архитектура:

  • Feature Side Design: Архитектурная методология для проектирования.
  • GitFlow: Управление ветвлениями Git.
  • BEM: Методология именования классов в CSS.

Сборка и инструменты:

  • React Scripts, Webpack: Для сборки и управления модулями.
  • Sass и Sass Loader: Для работы с CSS и препроцессором Sass.
  • Prettier, ESLint: Инструменты для форматирования кода.
  • Husky, Lint-Staged: Для предотвращения коммита кода с ошибками или несоответствиями стилю.

Развёртывание проекта

  • Клонируйте репозиторий через командную строку:
git clone https://github.com/b2b-marketplace/b2b-marketplace-frontend.git
  • Перейдите в локальную папку с проектом
  • Установите зависимости командой:
npm i
  • Запустите приложение:
npm run start

Авторы проекта

Проект приложения B2Buy разработано командой выпускников Яндекс.Практикума: