/CrackBag-Ecommerce

CrackBag is an ecommerce shopping platform built with MERN stack.

Primary LanguageJavaScript

CrackBag Ecommerce Platform

CrackBag is an ecommerce shopping platform built with MERN stack, and utilizes third party API's built with React.js as Frontend and Node.js, Express.js and MongoDB as Backend.

image

⭐ Star us on GitHub — it helps!

Sections 📚

✔️ Home 🏠
✔️ Login and Signup 🔐
✔️ Products 📦
✔️ Cart 🛒
✔️ Payment API 💰

Clone 📑

  • The website is completely built on react-js library of javascript and that's why we need nodejs and npm installed.
  • While installing nodejs and npm, try to install versions which are equal or greater than the versions mentioned in badges above.
  • In case you want to help developing it or simply saving it, you can fork the repository just by clicking the button on the top-right corner of this page.
  • After the successful installation of nodejs and npm, clone the repository into your local system using below command: 
    •  git clone https://github.com/Dushyant029/CrackBag-Ecommerce.git
    • This will clone the whole repository in your system.
  • To download required dependencies to your system, navigate to the directory where the cloned repository resides and execute following command:
      • First run the backend 
        • $ cd server
$ npm install
$ npm start
      • Then, run the frontend 
        • # open new terminal
$ cd client
$ npm install
$ npm start

Features 🔌

  • React: for displaying UI components
  • Redux: to manage application's state
  • Redux Thunk: middleware to handle asynchronous redux actions
  • Node: provides the backend environment for this application
  • Express: middleware is used to handle requests, routes
  • Mongoose: schemas to model the application data

Technologies used 🛠️

Screenshots Walkthrough :- 📷

Home Page

image

Login Page

image

SignUp Page

image

Products Page

image

Cart Page

image

Payment Paytm Integrated Page

image