Git Product home page Git Product logo

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

Screenshot (1637) Screenshot (1638)

Home Page of the webapp and some featured products on the home page

Screenshot (1515)

Register page where user can register

Screenshot (1516)

Login page to log in to the website

Screenshot (1514)

Profile page of the user after he/she logged in to the website

Screenshot (1628)

user can update their name, email, profile photo

Screenshot (1558)

user can also update their password

Screenshot (1629)

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.

Screenshot (1568)

Speedial shown at the bottom of every page after login

Screenshot (1504) Screenshot (1505)

product page of the website where user can see all the products and can use filter to filter out products of their choice

Screenshot (1567)

search page where user can search the product listed on the website

Screenshot (1631)

description of the product

Screenshot (1632)

review given by the users of the product

Screenshot (1633)

user can go to the cart page after adding the product into the cart by using speedial

Screenshot (1634)

cart page where user can remove, add more quantity of the product and checkout to buy the product

Screenshot (1622)

shiping details where user want to get the product

Screenshot (1623)

confirm order page where user check all the details and proceed for payment

Screenshot (1624)

payment using debit card

Screenshot (1625)

order confirmation of the product

Screenshot (1636)

order page where user can view their orders

Screenshot (1560) Screenshot (1561)

Admin dashboard page that contain information about total product, price, total user, total no. of out of stock items etc.

Screenshot (1563)

Admin can create product that will be shown in products page.

Screenshot (1562)

Admin can track record of all the products in this website and can edit,delete the products if required.

Screenshot (1635)

Admin can track all the orders whether it is delivered or not and can update the status of orders.

Screenshot (1565)

Admin can see how many users are registered and can delete the user and make admin if needed.

Screenshot (1566)

Admin have access to read all the reviews and delete the review if any abusive/inappropriate review is written.

shopkart's People

Contributors

rinshu2510 avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

hemant2704

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.