GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ikismail → Vue Shoppingcart

ikismail / Vue Shoppingcart

ShoppingCart (Ecommerce) 🛒 Application using Vuejs, + Node.js + Express + MongoDB 🚀🤘

Labels

vuenodejsvuejsmongodbexpressvuexvue-routerecommercevue-componentsvue-cliprogressive-web-appshopping-cartexpress-middleware

Projects that are alternatives of or similar to Vue Shoppingcart

Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (+58.16%)
Mutual labels:  ecommerce, vue-cli, vuex, vue-components, vue-router
Spring Boot Vue Bank
我,请始皇[打钱]是一个前后端分离的工具人系统，项目采用 SpringBoot+Go+Vue 开发，项目加入常见的企业级应用所涉及到的技术点，例如 Redis、RabbitMQ 等(主要是多用用工具多踩踩坑)。
Stars: ✭ 157 (+11.35%)
Mutual labels:  vue-cli, mongodb, vuex, vue-router
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-26.95%)
Mutual labels:  mongodb, express, vuex, vue-router
Yesplaymusic
高颜值的第三方网易云播放器，支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+9106.38%)
Mutual labels:  vue-cli, vuex, vue-router, progressive-web-app
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+1313.48%)
Mutual labels:  vue-cli, vuex, vue-components, vue-router
Questionnaire
📋 问卷系统
Stars: ✭ 128 (-9.22%)
Mutual labels:  mongodb, express, vuex, vue-router
Vue Wechat
用Vue.js开发微信app
Stars: ✭ 1,653 (+1072.34%)
Mutual labels:  vue-cli, vuex, vue-router
163music
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139 (-1.42%)
Mutual labels:  express, vuex, vue-router
Vue Cli Multipage Bootstrap
vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Stars: ✭ 105 (-25.53%)
Mutual labels:  vue-cli, vuex, vue-router
Grandnode
Open source, headless, multi-tenant eCommerce platform built with .NET Core, MongoDB, AWS DocumentDB, Azure CosmosDB, Vue.js.
Stars: ✭ 1,768 (+1153.9%)
Mutual labels:  ecommerce, shopping-cart, mongodb
Boilerplate Vue Apollo Graphql Mongodb
Start your magical stack journey!
Stars: ✭ 85 (-39.72%)
Mutual labels:  mongodb, express, vuex
Vue Mmplayer
🎵 基于 Vue 的在线音乐播放器（PC） Online music player
Stars: ✭ 1,632 (+1057.45%)
Mutual labels:  vue-cli, vuex, vue-router
Vue3 News
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021)
Stars: ✭ 2,416 (+1613.48%)
Mutual labels:  vue-cli, vue-components, vue-router
Vuejs 2 Na Pratica
Curso totalmente prático de Vue.js da Webschool
Stars: ✭ 101 (-28.37%)
Mutual labels:  vue-cli, vuex, vue-router
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+833.33%)
Mutual labels:  vue-cli, vuex, vue-router
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+823.4%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Meizi
vue最新实战项目，vue2 + vuex + webpack + es6 干货多多，新手福利
Stars: ✭ 1,476 (+946.81%)
Mutual labels:  vue-cli, vuex, vue-router
Vue Todos
vue最新实战项目教程，从零开始，一步一个脚印,循序渐进。跟着我一起学习vue吧！
Stars: ✭ 1,659 (+1076.6%)
Mutual labels:  vue-cli, vuex, vue-router
Vuex Shopping Cart
🛒 Shopping cart built with Vue and Vuex
Stars: ✭ 118 (-16.31%)
Mutual labels:  shopping-cart, vuex, vue-components
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+7946.1%)
Mutual labels:  vue-cli, vuex, vue-router
View All Similar Projects ➔

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].