Build A RealTime Chat App With React & Appwrite Cloud

Fullstack chat application with Authentication and real-time capabilities with Appwrite cloud. Be sure to join the Appwrite discord channel for technical support questions and say hello on Twitter:

Timestamps:
00:00 - Intro
1:16 - Demo
2:20 - Appwrite Intro
8:08 - Basic Setup
8:08 - Basic Setup
12:00 - Configuring Appwrite
17:55 - Collection Permissions
19:45 - Querying Database Items
25:15 - Adding Styling
31:50 - Create Messages
40:50 - Sorting Queries
43:45 - Limiting Queries
44:23 - Deleting Messages
50:45 - Adding Realtime events
1:07:30 - Protected Routes
1:12:15 - Adding AuthContext
1:22:00 - Login User
1:39:45 - Persisting User After Login
1:47:20 - Logout User
1:51:00 - Register User
2:06:50 - Document Level Permissions

[jkny]

I love the speed of this tutorial. Straight to the point and no unnecessary talks. Thank you traversy media as always.

[emmanuelmunachi]

This came along just as we needed it. Thanks for all you do on this channel Brad.

[axlblazeauthor]

love to see a Dennis feature once in a while!

[owaismalik]

Thanks Brad. Can you please do a video on some AI Chat Bot for a Website? :)

[bigexpectation]

very cool! just as an fyi: vite is pronounced [veet], it's french for "quick":)

[ollyoctavian]

Also, thank you Dennis! This tutorial was extraordinarily helpful. Do you think you could do a deep dive on permissions (with databases, realtime etc)?

[ikik]

Learnt a lot new things and its my first video tutorial of appwrite as well .. Thanks a lot Traversy media for sharing this valuable info

[harshdeep]

When I connect with realtime it is saying invalid origin register your new client cloud appwrite io as a new web platform on your project console dashboard

[Wanderer]

Can you do a tutorial for appwright that’s not a project tutorial but a normal tutorial going through all the different parts. And not just a small 30 minute tutorial but more of an in depth tutorial. I’m mainly asking because there’s no other tutorials like this on YouTube for appwright :/. But there’s a whole bunch for FireBase

[ollyoctavian]

Why do you need to "hide" project id? You can't access process.env server-side and everything is permissions-based, precisely so that it can be run client-side, no? Am I missing something?

[dokgu]

I’m not a fan of having to check for those strings when determining if it was an insert or delete or whatever operation it was.. even the part where you need to check the string that includes your user ID from the permissions to display the trash icon. It just seems like an ugly solution.

[shubhamkakadx]

this tutorial has helped me a lot thank you

[jonatan]

im not getting any response from console.log when doing Realtime
.. anyone else?

[raypamber]

appwrite giving server error if I use any query anyone else have this problem ?

[trying-code]

i am from bangladesh ... i like your videos ... finaly i have completed this video and work with you ... thanks for creating this video sir

[GRahulKumar-yh]

thanks for this kind of videos . and can we use this real time chat feature as comments section in any application ?

[codernerd]

Tip: don't use any 3rd party services unless you do not have any other way! There are a ton of videos on YouTube that shows how to make Real-time chat apps without 3rd party services!

[dumbdavinchi]

Is it really necessary to get your hands dirty by actually understanding and building entire backend from scratch or you can just use these backend as services from get go? i am overwhelmed by how complex backend actually is(i am trying to do backend in express)

[uwaiyanpaing]

Thank you for your tutorial. I love your teaching style, less UI with more appwrite implementations.

[titonecarter]

I'm getting error client.subscribe not a function, please how do.i.solve it? I'm using docker with appwrite