Today we will be combining the power of Firebase and Vue 3 to build a real-time chat application. Most importantly we will be looking at using firebase with Vue 3 composition hooks, setting up firebase authentication with google, and reading and writing to a firebase store in realtime.

Not long ago building a chat app used to be hard. But nowadays we have tools like Firebase and Vue to make this super easy.

⚡ RESOURCES ⚡
Live Demo - https://vue-chat-app-27d21.web.app/
Source Code - https://github.com/codingwithjustin/vue-realtime-chat
Firebase - http://firebase.google.com/
Vue 3 - https://v3.vuejs.org/
Tailwind - https://tailwindcss.com/

⭐ TIMESTAMPS ⭐

• 0:00 - Intro
• 1:14 - Create Vue Project
• 1:36 - Create Firebase Project
• 2:40 - Auth hook
• 3:30 - Firestore hook
• 4:45 - Sign in/out Navbar
• 5:07 - Chat window
• 7:22 - Conclusion

#vue #firebase