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
- User Registeration and Authentication using Passport.js (Email/password | Google Authentication)
- CRUD Operations like
- User can add product to his cart
- Admin can add product to the product list.
- Admin can edit/delete the product.
- Security
- Implementation of Authentication and Authorization.
Tools and Technologies:
- Technology : Vue.js + Express + Node.js + MongoDb (MEVN), HTML, Bootstrap, PWA.
Installation
- Vue CLI - Installation of Vue CLI
- NodeJs - Download Nodejs
- Package Manager - NPM / Yarn
- Clone the repository and run
npm install
if you use npm as package manager or yarn install
if you use yarn as package manager.
- Configuring MongoDB
server/mongo/config.js
mongoose.connect('<YOUR_MONGODB_URL>', {
useNewUrlParser: true
}); // connect to your database
- Run the server
npm run serve
Screenshots:
Main Page:
![Alt text](https://camo.githubusercontent.com/7ff39438e412aa53d260db12f402ab3b438dc884/68747470733a2f2f696d6167652e6962622e636f2f6346354436562f73637265656e636170747572652d6c6f63616c686f73742d383038312d323031382d31302d32382d31342d33332d34372e706e67)
Product Page:
![Alt text](https://camo.githubusercontent.com/ce20ea24a9ee9c009a103db9c4ff995bdd9c7e2f/68747470733a2f2f696d6167652e6962622e636f2f695a786830712f73637265656e636170747572652d6c6f63616c686f73742d383038312d70726f64756374732d323031382d31302d32382d31342d33342d30382e706e67)
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
Download Details:
Author: ikismail
Demo: https://vue-shop-cart.herokuapp.com/#/
Source Code: https://github.com/ikismail/Vue-ShoppingCart
#vuejs #vue #javascript