Building a Video Chat with Vue.js and Firebase

This is the repository for the LinkedIn Learning course Building a Video Chat with Vue.js and Firebase. The full course is available from LinkedIn Learning.

With more people needing to stay connected virtually, video chat applications like Zoom and Microsoft Teams have exploded in popularity. Curious about how you might build a video chat application of your own? In this course, instructor Ray Villalobos shows you how. To help you grasp the concepts covered in this course, Ray steps through the creation of a project. Firebase conveniently provides a foundation for both the data and the video in your project, and Vue.js lets you build a user interface around those components. Plus, learn how to work with WebRTC, an open-source project that you can use to enable real-time communication of audio, video, and data in your app. Along the way, discover how to use Firebase to set up user registration and authentication, check users into a virtual room, add attendees to a meeting, use security rules, and more.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Instructor

Ray Villalobos

Senior Staff Instructor at LinkedIn Learning

Check out some of my other courses on LinkedIn Learning. You can follow me on LinkedIn, read my blog, follow me on twitter, or check out my youtube channel.