Build and Deploy Real Time Messenger Clone - Laravel, React, Tailwind.css

In this massive tutorial we will learn how to build fully functional real time messaging application with Laravel 11 and React. As a choice of web socket server we will use Laravel Reverb.

Project Features
-----------------------------------------------------
- Sending and receiving messages in real time
- Sending emojis
- Send markdown messages
- Deleting your own sent messages
- Load older messages with infinite scroll loading
- Sending all types of files
- Dedicated button to quickly shared images
- Dedicated button to record and send audio files
- Preview on small screen and on full screen of images, videos, audio and PDFs
- Ability to add new users
- Block and Unblock users
- Give and remove admin permissions to users.
- Create Groups and add users
- Edit or delete groups. This will start a background job, so that if the group is large and needs several minutes to be deleted,
it will be deleted in background and will notify users using web sockets.
- Update your own profile details: Name, email, password or profile picture
- Fully responsive UI working on very small devices.

Time Codes:
------------------------------
00:00:00 - Demo
00:03:18 - Introduction
00:06:10 - Choosing Hosting Provider
00:09:36 - Project Setup
00:15:39 - Install Necessary Packages
00:20:58 - Explain Broadcasting and Reverb
00:30:29 - Explain Database Schema
00:33:47 - Generate Models and Migrations
00:38:56 - Generate Model fillable and relations
00:43:08 - Generate Factories
00:50:50 - Generate Seed Data
01:03:16 - Create ChatLayout and Render Conversations
02:45:15 - Render Messages
03:39:59 - Render Message Input Component
03:54:10 - Sending and Receiving messages
04:17:20 - Create Event Bus
04:33:13 - Load Older Messages on Scroll
05:13:50 - Style Markdown Messages
05:22:47 - Implement Sending Emojis
05:36:03 - Sending and Downloading Attachments
06:31:30 - Record and Send Audio
06:45:25 - Implement Toast Notifications
07:02:34 - Deleting Messages
07:40:55 - Group CRUD
09:13:59 - Update Profile Picture
09:32:06 - Add New Users
09:54:46 - Implement Block/Unblock, Make Admin
10:07:57 - Sending Emails
10:39:56 - Deploy Project on VPS
11:33:00 - Assign Custom Domain
11:42:30 - Setup Github Actions
11:56:34 - Conclusion

If you really love my content and want to support the channel:

🖱️Follow me on social media:🖱️

[MShibly]

This course will outshine even the premium paid courses.

[gillesashley]

Oh wow. This really shows the power of PHP.

[SS-wbuy]

I just finished the saas project, and you already uploaded a new project as usual, exactly what I was looking for too, thank you.

[havecodesoft]

Thank you for your new project. can't wait to nail this one down.

[jameshello]

Zura we can't thank you enough. I hope this channel reaches 1 million subscribers very soon.

[louisevirtudazo]

Can't believe this video is for FREE. Thank you so much bro!

[MalteNielson]

Damn. A 12-hour course for free. Thanks dude!

[georgelawson-betum]

Thanks for this course . You 're a blessing for the Community

[muadzrosli]

Wow. I clicked like button even before demo part even finished. Very excited to learn more things from you👍🏼

[ahmedjaber]

Video has been added to Watch Later Playlist for this weekend
it looks there are much tricks on this project
Thanks 👏

[lenochw]

Best PHP / Laravel tutorial on youtube. Thanks!

[codewithboomi]

I am waiting for Reverb only !! Thank you man... You are awesome..!

[tanvirhasanmonir]

Thanks a ton Zura, you are a gem for Laravel community ❤

[ForexPeak]

Thank you alot zura, this is going to be a very helpful resource for my final year project you don't know how helpful it is and you even made it totally free. I owe you alot. One day i would be able to see you and repay you back with kindness.

[vvvthoj]

The best has arrived thanks so much for just amazing projects❤

[saurabhsuri]

Thanks Zura for this wonderful project.

[mirazh]

the best and generous developer is back with another masterpiece❤❤❤❤❤

[patrickjohndonado]

Im excited to learn this. Thank you for this sir.

[sanjayojha]

Holy cow! 12 hours long video.. our learning gonna be legendary ~~Tai Lung

[mpembainc]

This is exactly what I was looking for! Your explanation was clear and concise. I especially liked the way you explained how to deploy. I just subscribed for more great content!