Введение

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

Мы рассмотрим этапы создания клона электронной коммерции Sephora с использованием стека MERN.

Стек MERN известен созданием современных веб-приложений, состоящих из MongoDB, Express.js, React.js и Node.js. Используя эти технологии вместе, вы можете создать приложение с полным стеком, которое может обрабатывать как внешние, так и внутренние аспекты вашего приложения.

Стек технологий

Сторона клиента -

  • Реагировать
  • CSS
  • Пользовательский интерфейс чакры
  • Редукс преобразователь
  • Аксиос
  • Netlify (развертывание)

Сторона сервера —

  • узел Js
  • Экспресс Js
  • MongoDB
  • NoSQL
  • Рендеринг (развертывание)

Функции

  • Отзывчивый пользовательский интерфейс
  • Функциональность входа / регистрации
  • Функциональность фильтра
  • Функциональность добавления в корзину
  • CRUD-функции для продуктов
  • Панель администратора для общего управления

Посмотреть проект (ссылки)

GitHub (Внешний интерфейс): https://github.com/piyush-agrawal6/Sephora-clone

GitHub (бэкэнд): https://github.com/piyush-agrawal6/Shopaholic-Backend

Ссылка на развернутый проект: https://sephoraa-clone.netlify.app/

Скриншоты

  1. Страница продукта

2. Одна страница продукта

3. Страница корзины

4. Страница оформления заказа

5. Страница входа/регистрации

6. Страница администратора

Авторы

Заключение

В этой статье я показал вам один из своих последних проектов, который вы также можете собрать с помощью любой javascript-библиотеки или фреймворка. Все подробности для начала работы приведены в файле readme репозитория GitHub.

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

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