/Vue-ShoppingCart

Primary LanguageVueMIT LicenseMIT

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

HitCount GitHub forks Github Dependencies GitHub stars GitHub issues License: MIT npm Twitter

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:

Alt text

Product Page:

Alt text

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