Build A Chat App With React And Firebase v9

In this video we build a full-stack chat application using React on the front end and Firebase for the backend technology. No complicated databases here - firebase handles all of that for us! We will also be incorporating OAuth with Google authentication in which Firebase will be handling as well.  This is an updated version using Firebase web version 9 with modular imports. We also use Tailwind CSS for all the styling (because Tailwind is awesome)! This is not a deep dive into Tailwind, but I do show how to install and configure it correctly. I hope you like the video. Let me know what you think in the comments below!

NPM Packages -
Firebase
React Firebase Hooks
React Google Button

ZeroTo Mastery:
- Master React JS Course - https://bit.ly/Learn-React-JS
- Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer...

💻 Solve EDABIT coding challenges - BEGINNER! 💻
https://bit.ly/Code-Challenges

Github Repo
https://github.com/fireclint/react-ch...

ZeroTo Mastery:
- Master React JS Course - https://bit.ly/Learn-React-JS
- Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer...

Timestamps:
00:00 Intro
1:11 - Create React App
1:44 - Install Tailwind CSS
4:06 - App Styles and Extracting Tailwind
7:45 - Navbar Component
10:30 - Install & Configure Firebase
14:12 - Firebase Auth Setup
19:24 - Sign In Component
24:32 - Log Out Component
28:40 - Chat Component
32:10 - Message Component
35:10 - Create Firebase Database & Read From DB
44:50 - Send Message Component


🔥 Connect with me on IG 🔥
Instagram: fireclint

☕ Support the channel ☕
https://www.buymeacoffee.com/clintbriley

• #science_technology
• #react
• #react_js
• #firebase
• #html
• #css
• #tailwind
• #tailwind_css
• #build_a_react_application
• #build_a_react_website
• #build_a_chat_app_with_react
• #build_a_react_app
• #react_js_and_firebase
• #react_and_tailwind