Giter Site home page Giter Site logo

dushyant029 / crackbag-ecommerce Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 5.98 MB

CrackBag is an ecommerce shopping platform built with MERN stack.

Home Page: https://crackbagecommerce.herokuapp.com/

HTML 2.09% CSS 1.11% JavaScript 96.64% Shell 0.15%
reactjs mongodb material-ui paytm-api reduxthunk authentication-middleware

crackbag-ecommerce's Introduction

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

crackbag-ecommerce's People

Contributors

dushyant029 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.