High Definition Standard Definition Theater
Video id : 0gLr-pBIPhI
ImmersiveAmbientModecolor: #f8c042 (color 1)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 30792eef71fe2a21a98b41b80a281156327986ea647864600e7949a92156944bdb719d5309c52badca71aeba79032fc5
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715789325947 - unknown on Apple WebKit
Mystery text : MGdMci1wQklQaEkgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
React Firebase Realtime Chat App Tutorial | Firebase V9+ Beginner Tutorial
Jump to Connections
74,555 Views • Jan 10, 2023 • Click to toggle off description
The first 1,000 people to use the link will get a 1 month free trial of Skillshare: skl.sh/pedrotech12221

In this video I will teach Firebase Authentication, Crud operations with firestore and much more!

Code: github.com/machadop1407/react-firebase-chat-app

Join our Discord: discord.gg/WE92Cqs6Vk

🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-projects
🐙 GraphQL Course: codedamn.com/learn/graphql-for-beginners
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: www.linkedin.com/in/machadop1407/
Instagram: www.instagram.com/pedro.fmachado_
Github: github.com/machadop1407

Business Email: pedro@pedrotech.co

FIREBASE CHAT APP TIMESTAMPS

00:00:00 | Intro
00:00:32 | Project Demo
00:04:35 | Package Installation
00:06:25 | Setting up Firebase
00:11:04 | Setting up the Authentication
00:12:19 | Creating the Auth Component
00:31:11 | Configuring Firestore
00:34:54 | Creating the Chat Component
00:56:17 | Creating the UI for the messages
01:04:40 | Sign Out Functionality

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#reactjs #firebase
Metadata And Engagement

Views : 74,555
Genre: Science & Technology
Date of upload: Jan 10, 2023 ^^


Rating : 4.976 (12/2,017 LTDR)
RYD date created : 2024-05-13T20:26:32.7131Z
See in json
Tags
Connections

YouTube Comments - 144 Comments

Top Comments of this video!! :3

@sekmekci

1 year ago

I just finished your old Chat App video. The timing is awesome, thanks for the tutorials!

3 |

@deadtome2102

1 year ago

Exactly what I was looking for! Thank you for keeping it simple! 🙏 As a beginner, I'd much rather focus on the functionality than spend two hours designing the UI. I wish more content creators would keep the beginner in mind and create tutorials that were focused on simple apps and functionality rather than these elaborate three hour projects that are design heavy. Thanks mate!

20 |

@diegonacif9359

1 year ago

Pelo que entendi você também fala português. Então muito muito obrigado por esse conteúdo, Pedro! Me ajudou demais! Eu tenho usado bastante o firebase nos meus projetos e seus conteúdos sobre isso me ajudaram demais! Eu não sou fluente em inglês, mas consigo entender perfeitamente você falando. Se não fosse seu canal, provavelmente eu ainda estaria atolado em algum ponto muito atrás de onde estou hoje. Admiração total, cara! Sucesso!!!

2 |

@slaffsla

1 year ago

This was a really nice follow-up for your course, I feel I needed it. I tried to not simply copy the code and sometimes do stuff myself, there were a couple of points I was stuck because of some ridiculous brackets or naming clashes though. Thanks, Pedro!

3 |

@vamsisaikrishna2040

1 year ago

You are one of the few talented person I knew in react. Great work bro. Wish you all success ahead. People have to recognize your work more and more.

1 |

@anapomparau8417

9 months ago

Thank you ! This is the best tutorial! It explains everything from scratch and it isn"t rushed. I've been trying to do this for a long time!

1 |

@noodleperro6085

6 months ago

I honestly love your way of teaching. You deliver very high quality information in a way that even a 5 year old can understand. Please keep up the good work I enjoy learning from your videos a lot!

1 |

@annazar5122

10 months ago

I like the way how you explain everything, step by step; it makes everything clear and easy! For sure will follow you!

|

@christiannaira6076

6 months ago

Finished the tutorial, this video was so good, it was pretty simple that I was able to follow and apply I've gained here in my personal projects! Keep it up!

|

@gusget

11 months ago

just for everyone who wants to replicate the code: the library to install is universal-cookie , without the "s" at the end

13 |

@leroyjeslyn6570

9 months ago

A little heads up for UNIVERSAL-COOKIES INSTALL ERROR, the module's name is universal-cookie not universal-cookies

9 |

@MikaelBoutin

1 year ago

Straight to the point video and very clear! Keep doing theses, thanks a lot!

|

@badytouray294

1 year ago

Great video man, loving your work and the way you explaining what you are doing and how you do it

|

@bulelaniquinton7272

10 months ago

what an amazing tutorial from start to finish, this guy never disappoint and I'm really looking forward for your future videos.🙏

|

@vani1723

1 year ago

Thank you! I learned a lot from this course. Please make more react project courses!!!

|

@jayanspaliwal5907

9 months ago

I really like creators like you who update their videos when the technology behind them also updates(unlike those who upload a video once and leave us to struggle with the version updates 😕😕)

1 |

@oncoding4520

1 year ago

Really love this kind of tutorial when you focus more on the logic on the pattern than on the CSS. Like for example as a beginner is more clear when you see the logic with a not so good css than to see the logic with a lot of css that you can copy and paste it because in your mind is like "holy sh*it am not good now at css so after react lets go to css". And you end up back end forth not learning anything. At least all your videos is the logic the pattern that can be available everywhere. so keep pushing and thank you for your effort

24 |

@julia-tl5lp

10 months ago

Congratulations for the tutorial! It really does check all the boxes :)

|

@pujaahuja7959

1 year ago

Thank You so much!! Completed this project.

|

@k303k

9 months ago

You are the best man! I really appreciated your tutorials.

|

Go To Top