CF

The Vue Firebase Project Course

46m 28s
English
Free
Updated September 2026

The Vue Firebase Project Course is a 16-lesson 46 minutes self-paced course by Fireship. The Vue Firebase Project Course , from Fireship, is a free, project-based introduction to full-stack development: you build a realtime walkie-talkie style chat app inspired by Voxer, recording and uploading audio from the browser.

Course facts

Lessons
16
Duration
46 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Fireship
Price
Free

The Vue Firebase Project Course, from Fireship, is a free, project-based introduction to full-stack development: you build a realtime walkie-talkie style chat app inspired by Voxer, recording and uploading audio from the browser.

One Project, Full-Stack Skills

Instead of separate frontend and backend modules, the whole course is anchored to shipping one working app — so Vue concepts and Firebase concepts get introduced exactly when the project needs them.

What You'll Learn

  • Vue components, reactivity, and dynamic routing
  • Firebase authentication (anonymous and email/password) via the Vuefire package
  • The Vue Composition API and building chat features in Firestore
  • Recording audio in the browser and uploading files to Firebase Storage

Across 16 lessons, it's pitched at an intermediate level and assumes basic JavaScript, HTML, and CSS — free to take, with source code included.

 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.

Additional

https://github.com/fireship-io/vue-firebase-walkie-talkie 

Who teaches The Vue Firebase Project Course? Fireship

Fireship thumbnail

Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.

The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.

The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.

What lessons are included in The Vue Firebase Project Course?

  • Space or K: play or pause
  • J: rewind 10 seconds
  • L: forward 10 seconds
  • Left Arrow: rewind 5 seconds
  • Right Arrow: forward 5 seconds
  • Up Arrow: volume up
  • Down Arrow: volume down
  • M: mute or unmute
  • F: toggle fullscreen
  • T: toggle theater mode
  • I: toggle mini player
  • 0 to 9: seek to 0 to 90 percent of the video
  • Shift plus N: next video
  • Shift plus P: previous video
0:00 0:00
#Lesson TitleDuration
1Resources 01:45
2Vue Setup 03:44
3Firebase Setup 03:24
4Your First Component 02:15
5Anonymous Auth 02:03
6Realtime Auth State 04:00
7User Profile 01:42
8Email Password Authentication 06:02
9Create Chat Rooms 02:52
10Query Chat Rooms 01:50
11Dynamic Routing 01:53
12Query Messages 03:49
13Message UI 02:32
14Capture Audio 03:34
15Upload 03:19
16Wrap up 01:44

What courses are similar to The Vue Firebase Project Course?

More courses by Fireship

Frequently asked questions

What prerequisites are needed before taking this course?
The course assumes a basic understanding of JavaScript and familiarity with web development concepts. Prior knowledge of Vue.js or Firebase is beneficial but not required, as the course includes setup lessons for both Vue and Firebase.
What will I build by the end of this course?
By the end of the course, you will have built a realtime chat application inspired by the Voxer mobile app. The project includes features like recording and uploading audio, managing user authentication, creating and querying chat rooms, and dynamic routing.
Who is the target audience for this course?
The course is designed for aspiring full-stack developers interested in building real-time applications. It is suitable for those looking to enhance their skills in modern web development using Vue.js and Firebase.
How does the depth of this course compare to other similar courses?
This course focuses specifically on building a single chat application, covering all aspects from setup to deployment. It provides practical experience with Vue.js and Firebase, offering insights into real-time data handling and authentication, which may not be covered in similar courses that focus more broadly on general concepts.
What specific tools or platforms does the course utilize?
The course utilizes Vue.js for the frontend framework and Firebase for backend services, including authentication and real-time database capabilities. It also covers audio capture and upload functionalities essential for the chat application.
What topics are not covered in this course?
The course does not cover advanced topics such as server-side rendering with Vue.js, advanced Firebase security rules, or the deployment of the application to a production environment. It focuses solely on the development and functionality of the chat application.
How much time should I expect to commit to this course?
The course consists of 16 lessons. While the total runtime is not specified, students should expect to spend additional time on exercises and reviewing material. The time commitment will vary depending on individual learning pace and familiarity with the course topics.