I built a chat app in 7 minutes with React & Firebase

no you shut up

I got banned for saying 'butt'?!

For anyone looking to do this now, it's outdated and will need a fair bit of reading through docs, debugging and problem solving. If you thought it was going to be a simple follow along, its not but its still really great practice and would recommend it for practice with reading docs and learning how to understand and abstract old code 👍

Chat system 🤣🤣😍😍😍😍😍😍😍😍😍💓💞💞💕💕💕💓💞💕💕💕 markzugberge

Isn't it a private lounge for each user? Right now, every user can read and see what every user writes. Isn't that ridiculous?

Does it work with Expo, bro?

SLOW THE FUCK DOWN MEN

​hey brother actually i want to make a social media website project where i actually use my own server ( ie my pc as server storage ? kind of )
​any ideas of what skills i can learn or where to start from ? i have about 4 months left to work on this project

can we do this with Deno, Fresh, DenoKV?

👇I got banned button.

can you maybe make a more specific tutorial, i didn't understand how i can see what i have coded and i don't understand the part where you sundenly had a sign in feature??

I have messages undefined. Can someone help me?

why would he create a limit?

"We can get alot done in 7 minutes" I took it personal

Is it possible to allows send also voice notes?

I received error messages when tried: npx create-react-app superchat
"... A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported."
Version 18.2.0

Epic...

bagaimana cara menjalankan npm start

Cant wait to build this 7 minute app in 2 hours!

7 mins? Ok the "create-react-app" took 1.5mins for me :(

for scrolling do this instead: useEffect(()=>{ dummy.current?.scrollIntoView({ behavior: "smooth" }) }, [messages])

how did you learn and remember all of these things.

How do u code like that without actually typing anything 🧐

Hi. How can I add this chat to my existing React app? I already have the user auth made in a different way like I use MongoDB.
Thanks in advance.

total bullshit nothingmore than that

Preparation behind that is 1 week.

npx create-react-app superchat

npx : The term 'npx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try
again.
At line:1 char:1
+ npx create-react-app superchat
+ ~~~
+ CategoryInfo : ObjectNotFound: (npx:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

what do i do i typed in terminal what i was told

holy sh*t

new to this, anyone tried it for the first time and only white blank page is showing?

Please do one with Auth0

Setting playback speed to .75 makes this guy so much more relaxed

Felt like Eminem teaching computer science 😅

23 sept is my birthday lol

Very very nice

these were the longest 7 minutes of my life!

I MADE ITTTT

Nothing beats short tutorial videos. Directly to the important part.

Anyone getting an error of:

Cannot read properties of null (reading 'useReducer')
TypeError: Cannot read properties of null (reading 'useReducer')

And know how to fix it?

Lol that was funny when you misspelled works with an i, and then fixed it with a u

Cool but in reality it will take much longer lol

7 minutes? nah let's cut it to half for better

I have a question ... How do you access the document id with useCollectionData ???

Angular version? :3

how to acceses the thing