React JS + Laravel Real Time Chat Application - Build and Deploy

🚀 Get VPS Server with as low as $4.49 per month. Check https://hostinger.com/thecodeholic. Use coupon code "THECODEHOLIC" for an EXTRA 10% OFF 🚀

This is a full tutorial that will teach you how you can build and deploy real time chat application in Laravel with Laravel and reverb, React and Tailwindcss with daisy UI.

Check my Laravel for Beginners Course:
https://thecodeholic.com/p/laravel-11...

💻 Project Source Code: https://bit.ly/3vTvhhi
🔔 Subscribe: https://bit.ly/2xTQOI0

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:
🛒Check my Website: https://thecodeholic.com
🌟 Become a Patron:   / thecodeholic  
🍺 Buy me Beer: https://www.buymeacoffee.com/thecodeh...

🖱️Follow me on social media:🖱️
https://x.com/thecodeholic
  / thecodeholic  
  / thecodeholic