It is an e-commerce webapp to buy your favourite products.
JavaScript 80.38%HTML 0.22%CSS 19.40%
shopkart's Introduction
MERN BASED E-COMMERCE WEBSITE(shopKart)
It is an e-commerce webapp to buy your favourite products.
Functionality:
Allow user to register and login.
Allow user to buy goods online.
Allow user to Submit reviews of the products bought.
Allow user to filter the products according to price, categories, rating.
Allow user to update their profile and password.
Allow user to view the status of their Order.
Allowing user to pay using debit card.
Each payment can be authorized using Stripe.
Admin have the access to add, delete, edit products details.
Admin can analyse revenue, manage orders of user,have access to delete review and user.
To use:
For Backend - npm i
For Frontend - cd frontend npm i
Env Variables:
Make Sure to Create a config.env file in backend/config directory and add appropriate variables in order to use the app.
Essential Variables PORT= DB_URI = STRIPE_API_KEY= STRIPE_SECRET_KEY= JWT_SECRET= JWT_EXPIRE= COOKIE_EXPIRE= SMPT_SERVICE = SMPT_MAIL= SMPT_PASSWORD= SMPT_HOST= SMPT_PORT= CLOUDINARY_NAME CLOUDINARY_API_KEY CLOUDINARY_API_SECRET fill each filed with your info respectively
Screenshots
Home Page of the webapp and some featured products on the home page
Register page where user can register
Login page to log in to the website
Profile page of the user after he/she logged in to the website
user can update their name, email, profile photo
user can also update their password
Speedial will be created after a user gets login into the website and user can go to different section of the website by using speedial like home page, search page, cart page, order page etc.
Speedial shown at the bottom of every page after login
product page of the website where user can see all the products and can use filter to filter out products of their choice
search page where user can search the product listed on the website
description of the product
review given by the users of the product
user can go to the cart page after adding the product into the cart by using speedial
cart page where user can remove, add more quantity of the product and checkout to buy the product
shiping details where user want to get the product
confirm order page where user check all the details and proceed for payment
payment using debit card
order confirmation of the product
order page where user can view their orders
Admin dashboard page that contain information about total product, price, total user, total no. of out of stock items etc.
Admin can create product that will be shown in products page.
Admin can track record of all the products in this website and can edit,delete the products if required.
Admin can track all the orders whether it is delivered or not and can update the status of orders.
Admin can see how many users are registered and can delete the user and make admin if needed.
Admin have access to read all the reviews and delete the review if any abusive/inappropriate review is written.