SKIN CARE

This is a fully-featured MERN project. It is a collaborative project where we try to implement our best possible knowledge to showcase and try to grab the attention of users who are looking for beauty products. It is an e-commerce website.

Tech Stack

ReactJS, JavaScript, Chakra-UI, MongoDB, NodeJS, Express

Deployment Link

https://frontend-eight-tawny-20.vercel.app

Demo Signup Credentials

Use this Credentials to Signup as a user.

Email:renu12@gmail.com

Password: renu@

Use this Credentials to Signup as a Admin.

Email: pushpendra1697@gmail.com

Password: Push1697@

Features

• Navigation Bar and Footer is well aligned.
• Authenication is provided where data is getting stored in the Mongodb Database.
• Limited Items can be purchased based on the availabilty in stock.
• Products page where all the products is provided and user buy it accordingly.
• Special Admin login is provided.
• All components are cross-device cross platform compatible.

Installation

Clone the Repository from Github. Then do the following steps:

    npm install

    npm run start

Screenshots

Home Page

This is the landing page when user visits for the website for first time.

Product Page

Images and all necessary information required or user intrested to look at.

Sign In Page

In Sign in page where user need to give their credentials to access the protected parts of the website.

Login Page

This section shows the best selling products available on the website.

Product Detail Page

This the Product detail page where user can see the details of order and add the product to cart.