A ShoppingCart (Ecommerce) Application using Vue.js

ShoppingCart – Vue.js + Node.js + Express + MongoDB

Developing a ShoppingCart (Ecommerce) Application using Vue.js

Live Demo : Vue-Shopping-Cart

This project was generated with Vue CLI version 3.x

Functionalitites

  1. User Registeration and Authentication using Passport.js (Email/password | Google Authentication)
  2. CRUD Operations like
    • User can add product to his cart
    • Admin can add product to the product list.
    • Admin can edit/delete the product.
  3. Security
    • Implementation of Authentication and Authorization.

Tools and Technologies:

  • Technology : Vue.js + Express + Node.js + MongoDb (MEVN), HTML, Bootstrap, PWA.

Installation

  1. Vue CLI – Installation of Vue CLI
  2. NodeJs – Download Nodejs
  3. Package Manager – NPM / Yarn
  4. Clone the repository and run npm install if you use npm as package manager or yarn install if you use yarn as package manager.
  5. Configuring MongoDB server/mongo/config.js

    mongoose.connect('<YOUR_MONGODB_URL>', {
        useNewUrlParser: true
    }); // connect to your database

  1. Run the server npm run serve

Screenshots:

Main Page:

Product Page:

How can I support the developer ?

  • Star my Github repo ⭐
  • Create pull requests, submit bugs, suggest new features or documentation updates ?

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

GitHub

View Github