Vue JS 3 & Firebase – Full Guide [2022]


Create a real-world Vue JS 3 app with Firestore (Firebase). Learn Vuex, Composition, and the latest Vue JS 3 concepts.

What you’ll learn

  • Develop real-world web application with Vue JS 3 and Firebase
  • Understand Vue JS in practical and fun way
  • Use gained knowledge to create your own applications
  • Establish yourself in the field of the exciting mobile app development environment


  • Basic Javascript knowledge



Vue JS is a trendy JavaScript front-end framework explicitly designed to help you write Web apps faster and more efficiently than ever!

Used by Nintendo, Adobe, GitLab, Baidu, and Alibaba, Vue JS is rapidly increasing in popularity, so it’s a great time to add it to your CV.

By the end of this course, you’ll have the skills and confidence you need to use Vue JS on your projects!

So, no matter whether you’re a complete beginner to Vue JS, or an experienced programmer keen to improve your skills, this course is for you!


Firebase provides a real-time database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase’s cloud.


Students learn best when they’re putting what they learn into practice straight away, so we’ve built this course around one great project (which will look fantastic in your career portfolio!):

In this course, we are going to build an application called Exchangario. The primary purpose of this application is to exchange services and products.

We will start with the basics of the Vue JS framework. We will initialize the first pages, create routing, and style them properly.

The first section will not only be about Vue JS. We need a database to make our application dynamic and up to the standards. The database we will use in this course is cloud Firestore from Firebase. In Firestore, we will keep our data of opportunities, exchanges, and user profiles stored as documents in collections. More about this in the course.

After the first section, you will start learning about firebase authentication. I will show you how to log in and register with Firebase. After the user is logged in, we will display our application with modifications only authenticated users can see.

The main idea of this application is to exchange products. We will implement a page where users can create exchanges of service or product type. We will make many inputs of different types. After the exchange is completed, it will be displayed on the Home page and offered to other users. I will show you how to perform form validation with the popular Vuelidate package.

Later, we will be creating functionality to trade exchanges between the users. Opportunities are offered exchanges that users can accept or decline. Every logged-in user can apply for exchange by offering owned exchange as a counter-offer. The submitted exchange must have a similar or identical value as the exchange we are using to be accepted by the system. Once an exchange is proposed opportunity is created. After the opportunity is accepted user will receive contact information on the user with whom they can exchange the product.

In the later section, we will work on pagination and search features.

In the last section, I will be talking about security rules for Firestore, and finally, we will deploy our application on Heroku to share it with your friends and family.

With 20 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer or want to improve your programming skills. This is the right course for you.

Who this course is for:

  • Beginners as well as experienced devs interested in Web development with Vue JS
  • People looking for the practical development guide.
  • This course is for everyone eager to understand how to build an app from scratch

Created by Eincode by Filip Jerga, Filip Jerga
Last updated 3/2022
English [Auto]

Size: 9.67 GB


Leave A Reply

Your email address will not be published.