This project is a clone of the official Sugar Cosmetics website, built for educational purposes as part of a learning exercise.
DISCLAIMER:
This is a personal project created solely for educational purposes. This page is not affiliated with the company or brand identified. It was made as part of a construct week project and does not represent the official website or any association with Sugar Cosmetics.
Sugar Cosmetics is a cruelty-free makeup brand launched in 2015, offering high-performance products that cater to bold, independent women. The brand's product lines cover Lips, Eyes, Face, and Nail categories and are manufactured across the globe, including Germany, Italy, India, the USA, and South Korea.
- Project build date: 5th Oct - 14th Oct (Construct Week)
- GitHub Repository: Source Code on GitHub
- Hosted Website (Vercel): Live Demo
- Frontend: React, CSS
- Backend: Express.js, Node.js, MongoDB
- Home Page: Interactive UI with product categories.
- Product Listings: Display of various products in Lips, Eyes, Face, and Nail categories.
- Product Details: Detailed product information including price, description, and reviews.
- Cart Management: Add to cart functionality with quantity updates.
- User Authentication: User sign-in/sign-up system.
- Checkout: Simulated checkout process for placing orders.
To get a local copy of the project up and running, follow these steps.
You’ll need Node.js and MongoDB installed on your machine.
-
Clone the repository:
git clone https://github.com/mihirdas77/Sugar-Cosmetic-
-
Navigate to the project directory:
cd Sugar-cosmetics-
-
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and go to
http://localhost:3000
to view the project.
-
Install backend dependencies:
cd backend npm install
-
Start the backend server:
npm run dev
Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute.
This project is licensed under the MIT License - see the LICENSE file for details.