Skip to content

A full-stack clone of the Sugar Cosmetics website using React, Node.js, Express, and MongoDB. Includes product listings, cart management, user authentication, and a simulated checkout process.

License

Notifications You must be signed in to change notification settings

mihirdas77/Sugar-Cosmetics-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

This project is a clone of the official Sugar Cosmetics website, built for educational purposes as part of a learning exercise.

About the Website

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 Details

Tech Stack

  • Frontend: React, CSS
  • Backend: Express.js, Node.js, MongoDB

Features

  • 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.

Getting Started

To get a local copy of the project up and running, follow these steps.

Prerequisites

You’ll need Node.js and MongoDB installed on your machine.

Installation

  1. Clone the repository:

    git clone https://github.com/mihirdas77/Sugar-Cosmetic-
  2. Navigate to the project directory:

    cd Sugar-cosmetics-
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and go to http://localhost:3000 to view the project.

Backend Setup

  1. Install backend dependencies:

    cd backend
    npm install
  2. Start the backend server:

    npm run dev

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page if you want to contribute.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A full-stack clone of the Sugar Cosmetics website using React, Node.js, Express, and MongoDB. Includes product listings, cart management, user authentication, and a simulated checkout process.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published