Full Stack React Chat App Tutorial (Firebase v9 + ChakraUI + NextJS)
Channel: RavenJS
Date: 2022-03-10

Build a chat app from scratch with ReactJS.

Live Demo:
https://chat.yapsh.com

The code used in this video:
https://github.com/LogicismX/fullstack-chatapp

Firebase Auth Playlist:
https://youtube.com/playlist?list=PLqFvlDFoiZ-3HoHuYfqc4SrId1JbrtTnA

Cloud Firestore Playlist:
https://youtube.com/playlist?list=PLqFvlDFoiZ-2SAX7YXCYtb28K4IooCIlS

Flexbox CSS Guide:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Timestamps:
0:00 Introduction
2:10 Environment Setup
4:04 Login Component (UI)
13:24 Sidebar Component (UI)
25:16 Chat Area (UI)
38:17 Authentication
49:20 Sidebar (DB)
1:08:55 Chats (DB)
1:18:19 Sending Chats (DB)