Skip to content

A full-stack web application replicating the Sugar Cosmetics e-commerce site. Built with React for the frontend and Node.js with MongoDB for the backend, this project features a responsive design, product browsing, a shopping cart, and secure checkout functionalities. Tailwind CSS and Chakra UI enhance the user interface with modern styling.

Notifications You must be signed in to change notification settings

Nikhil-0200/Sugar-Cosmetics-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Sugar Cosmetics Clone Project

Welcome to the Sugar Cosmetics Clone project! This web application replicates the functionality and design of the Sugar Cosmetics website.

Live Server: https://sugarcosmeticsnikhil.netlify.app/

Backend: https://sugar-cosmetics-clone.onrender.com

Pages and Features

Project Screenshot

Features

  • Browse Products: View a variety of cosmetics across different categories.
  • Responsive Design: Optimized for both mobile and desktop devices.
  • Interactive Display: Click to view detailed product information and add items to your cart.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/sugar-cosmetics-clone.git
  2. Navigate to the project directory:

    cd sugar-cosmetics-clone
  3. Install frontend dependencies:

    cd frontend
    npm install
  4. Install backend dependencies:

    cd ../backend
    npm install
  5. Start the backend server:

    npm start
  6. Start the frontend server:

    cd ../frontend
    npm start

Contributing

Feel free to fork this repository and submit pull requests. For major changes or suggestions, please open an issue first.

About

A full-stack web application replicating the Sugar Cosmetics e-commerce site. Built with React for the frontend and Node.js with MongoDB for the backend, this project features a responsive design, product browsing, a shopping cart, and secure checkout functionalities. Tailwind CSS and Chakra UI enhance the user interface with modern styling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published