Введение
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/
Скриншоты
- Страница продукта
2. Одна страница продукта
3. Страница корзины
4. Страница оформления заказа
5. Страница входа/регистрации
6. Страница администратора
Авторы
Заключение
В этой статье я показал вам один из своих последних проектов, который вы также можете собрать с помощью любой javascript-библиотеки или фреймворка. Все подробности для начала работы приведены в файле readme репозитория GitHub.
Теперь выбор за вами: попробуете ли вы что-то новое, используя фреймворк, которым вы раньше не пользовались? Или вы хотите укрепить свои навыки, выполнив проект для технологии, о которой у вас уже есть некоторые знания?
Если вам нравится то, что я пишу, и вы хотите поддержать меня и мою работу, подпишитесь на меня в LinkedIn, чтобы узнать больше о программировании, создании, писательстве и вариантах карьеры.