Shopping cart demo using Vuejs and Firebase

Shopping cart demo using Vuejs and Firebase

vuejs-shopping-apps Shopping cart demo using Vuejs and Firebase A shopping cart with VueJS


A shopping cart with VueJS

Get Started

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

Or use yarn

yarn install
yarn serve

You can use data in data/ folder to import to products node in your firebase app.


This project implements basic shopping cart features:

  • Login / Register
  • Pull products list from API
  • Add/Remove item to shopping cart

Technical details

  • VueJS [^2.2.1]
  • Bootstrap 4
  • Firebase (auth and realtime database)


Checkout demo at Demo

Alt text


Buy Me A Coffee


As I use this for my own projects, I know this might not be the perfect approach for all the projects out there. If you have any ideas, just [open an issue][issues] and tell me what you think.

If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.

Download Details:

Author: ittus


Source Code:

vuejs vue vue-js firebase javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Firebase Example Tutorial

Vue Firebase Example Tutorial. In this example, I will show you how to connect Vue js application with the Firebase and send and receive the data from the Firebase. It is straightforward CRUD application. I am using Vue.js 3 with Firebase as a backend data service.

Laravel 8 VUE JS Example | Laravel 8 VUE JS Tutorial For Beginners

<div class="gen-info-box"><b>Recommended:-</b><a href="">Laravel 8 Vue JS Post Axios Request Tutorial</a></div> <div class="gen-info-box"><b>Recommended:-</b><a...

Hire Dedicated Vuejs Developers - Hire Vue.Js Development Company

Employ our best Vue.js Developers for your custom Vue JS app development. We provide end to end Vue development services & solutions to both small and large companies.

Vuejs and Firebase based CMS

Tamiat headless CMS Vuejs and Firebase based CMS