FireShip - The Vue Firebase Project Course
65 👀
Jack Sparrow

Jack Sparrow

Sep 17, 2023

FireShip - The Vue Firebase Project Course

ğŸŽ¤ What will I build?

The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch.

You will build a realtime 💬 walkie-talkie style chat app with the ability to record and upload audio from the device - inspired by the popular Voxer mobile app.

💡 What will I Learn?

In this course you will learn…

  • Fundamentals of of Vue components and reactivity
  • Dynamic Vue routing
  • User authentication with Firebase (Anonymous, Email/Password)
  • Usage of the Vuefire Package
  • Vue Composition API
  • Chat Features in Firestore
  • Record audio on the web
  • Upload files to Firebase Storage

🤔 Is this Course Right for Me?

This course is intermediate level and designed to expose you to useful patterns when building realtime web apps with Vue and Firebase. It assumes you have at least basic knowledge of web programming, including basic skills in JavaScript, HTML, and CSS. It is fast-paced and similar to my style on YouTube, but far more in-depth and comprehensive.


  1.  Resources - Project source code and Vue Firebase resources
  2.  Vue Setup - Get started with the Vue CLI
  3.  Firebase Setup - Install Firebase and the Vuefire package
  4.  Your First Component - Build a basic home page component with routing
  5.  Anonymous Auth - Basic user authentication with Firebase
  6.  Realtime Auth State - React to changes to the Firebase User Auth State
  7.  User Profile - Create a user profile where the user can sign out
  8.  Email Password Authentication - Bind to forms in Vue to sign up with email & password
  9.  Create Chat Rooms - Create a chat room in Firestore linked to the current user
  10.  Query Chat Rooms - Query all chat rooms owned by the current user
  11.  Dynamic Routing - Load a chat room based on its document ID with the Vue Router
  12.  Query Messages - Query most recent messages in a subcollection of the chat room
  13.  Message UI - Build a UI component for showing the message text
  14.  Capture Audio - Record a stream from the user's microphone using the MediaRecorder API
  15.  Upload - Upload the audio file to Firebase Storage and link it to a Firestore document
  16.  Wrap up - Final thoughts and ideas to improve the quality of the app.


Wait a second...

Watch 👉How to download video

Download The Vue Firebase Project Course 🚀
Zip/rar files password can be one of these :- FreeCourseUniverse OR CheapUniverse
Jack Sparrow

Jack Sparrow

Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.

Leave a comment

0 Comment


Membership Plans

We are bringing so many new things at the fraction of a cost....


    How to download ??


    This site is hosted on Digital Ocean

    Get $200 credit Instantly

    Offer available for limited time
    ( Take advantage of free credits 👇 )
    DigitalOcean Referral Badge

    Related Posts

    Taken Down Resources


    © 2023 CheapUniverse. All Rights Reserved