Sephora Clone 🌟

About the Project

Project Description:- Sephora Clone is a full-stack e-commerce website built using the MERN stack. This project replicates the user experience of the Sephora website, providing a seamless and interactive interface for users to browse, search, and purchase beauty products. It includes both frontend and backend components, offering a fully responsive and pleasant user interface.

You can view the deployed project here: Sephora Clone 🚀

Tech Stack 🛠️

• Frontend: React, Chakra UI
• State Management: Redux
• Backend: Node.js, Express
• Database: MongoDB
• Authentication: bcrypt, JWT
• Packages: npm (e.g., react-slick for carousels)

Features ✨

• Great UI: Designed with Chakra UI for a modern and responsive layout.
• Proper Routing: Implemented to ensure smooth navigation between pages.
• Responsive Design: Fully adaptable to different screen sizes.
• Search Functionality: Allows users to search for products efficiently.
• Sorting Options: Helps users to sort products based on various criteria.
• Multiproduct Page: Displays a list of products with filtering options.
• Single Product Page: Provides detailed information about each product.
• Cart Page: Allows users to view and manage their selected items.
• Login and Signup: Secure authentication with JWT and password hashing with bcrypt.

Frontend 🖥️

• Utilized React and Chakra UI to create a visually appealing and responsive user interface.
• Managed application states (login, cart, loading) using Redux.
• Implemented various packages via npm, including react-slick for carousel functionality.

Backend ⚙️

• Developed server-side logic using Node.js and Express.
• Used bcrypt for password hashing and JWT for token-based authentication.