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.


✨ SOCIAL ✨
Discord - [ Ссылка ]
Twitter - [ Ссылка ]


⚡ RESOURCES ⚡
Live Demo - [ Ссылка ]
Source Code - [ Ссылка ]
Firebase - [ Ссылка ]
Vue 3 - [ Ссылка ]
Tailwind - [ Ссылка ]


⭐ 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

свернуть