Full Stack React Chat App Tutorial (Firebase v9 + ChakraUI + NextJS)

Published: 10 March 2022
on channel: RavenJS

17,817

Build a chat app from scratch with ReactJS.

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

The code used in this video:
https://github.com/LogicismX/fullstac...

Firebase Auth Playlist:
• React Authentication Crash Course (with Fi...

Cloud Firestore Playlist:
• How to set up React with Firebase/Firestor...

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

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)

On this page of the site you can watch the video online Full Stack React Chat App Tutorial (Firebase v9 + ChakraUI + NextJS) with a duration of online in good quality, which was uploaded by the user RavenJS 10 March 2022, share the link with friends and acquaintances, this video has already been watched 17,817 times on youtube and it was liked by like viewers. Enjoy your viewing!

808