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 attention of users where they are looking for beauty products. It is an ecommerece website

Tech Stack

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

Deployment Link

https://timely-cucurucho-1b7757.netlify.app/

Demo Signup Credentials

Use this Credentials to Signup as a user.

Email: abc@xyz.com

Password: 123456

Use this Credentials to Signup as a Admin.

Email: ALMSV@skinCare

Password: hub@almsv

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.
• Special Order Management System is Provided for to dynamically Change the quantity of Product available.

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.

SkinCare Page

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

HairCare Page

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

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 checkout and confirm the order.

Product Detail Page

This the Product detail page where user can checkout and confirm the order.

Cart Page

This the Cart page where user can pay the amout and confirm the order.