Shivam-Moudgil/Cosmetica

Its an ecommerce website where you can buy all type of body products. User can use it on their any type of devices.

Cosmetica

Its an ecommerce website where you can buy all type of body products. User can use it on their any type of devices.

🚀 About us

Hi, we as a team of 5 members studied from Masai School, learning full stack development and this project was built by us in cunstruct week to put all the skills in practice. All team members name:

• Shivam Moudgil https://github.com/Shivam-Moudgil
• Shrikant Jawla https://github.com/ShrikantJawla
• Onkar Deshmukh https://github.com/Onkar271998
• Tarun Kumar Sao https://github.com/tarunksao
• Zuhed Shaikh https://github.com/zuhedshaikh95

Demo

https://cosmetica.vercel.app/

Below are some of the Screenshots with features:

• HomePage

• You can login or Register via clicking on register:

• Sign up Page:

• Login Page:

• If you click on any category it will show all the products related to that category:

• After adding a item to cart and if you click on cart icon in navbar:

• After adding a product in cart you can checkout by filling up details and choosing payment option:.

• Admin Section --->

Home page you can login, If you choose remember me option logined Session will be kept for more than a week or else admin will we logged out as soon as saved cookies will expire.

• Admin Dashboard:

  Here admin can see:-

• revenue of this year as well as increase/decrease as per the last year.
• Total quantity for current year as well as increase/decrease as per last year.
• orders pending.
• orders delevered.

  Graphical represention of:

• Daily sale for this month
• Daily quantity sold for this month

Admin Products Page:

Here you can perform following oprations:

• Sort by price, quantity, and rating.
• You can the see details of any item by clicking on eye icon.
• You can the edit the details of any item by clicking on eye pencil icon.
• You can the delete any item by clicking on eye trash icon.

Admin Orders Page

Here you can perform following oprations:

• Filters by status, Order-date, Delivery-date.
• Sort by Quantity.
• You can the check the details of any purched item by clicking on eye eye icon.

Tech Stack

• Client: Next Js, Chakra-UI for Styles.
• Server: Server Side rendering via Next Js,Next Js API, MongoDB for database, Cookies to authentication and authorization.
• Some other libraries: bcrypt, axios, jsonwebtoken, mongoose, Redux, next-redux-wrapper, redux-thunk, react-slick, recharts.

Features

• Token based authentication with cookies.

• Maintaied MVC folder structure.

• Each user has seprate data connected to his/her profile.

• Used mongoDB to maintain the noSQL database.

Run Locally

Clone the project

  git clone https://github.com/Shivam-Moudgil/Cosmetica.git

Go to the project directory

  cd Cosmetica

Install dependencies

  npm install

Start the server

  npm run dev

Author

• @Shrikant-Jawla

Feedback

If you have any feedback, please reach out to us at:

• shrikantjawla@gmail.com or
• shivammoudgil358@gmail.com