Developing a ShoppingCart Application using Vue.js

by Vue.js Examples

ShoppingCart

ShoppingCart (Ecommerce) shopping_cart Application using Vuejs, + Node.js + Express + MongoDB.

View demo Download Source

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:

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