Rails 7 Realtime Chat App With Chatrooms | Turbo Tutorial Part 1

This tutorial uses Devise, Electron, Stimulus, and Turbo to create a real time messaging app you can install on your desktop. Join chatrooms, DM your friends, and more by following this Ruby on Rails tutorial series.

This is all the latest tools, including Rails Hotwire, Rails 7 Turbo, and Rails 7 Stimulus, which mainly means it's a Rails 7 Turbo application.

Join this channel to help support these videos:

References used to make this project (So far)
Devise with Turbo:
The whole chat app:
Electron Guide:

Source Code for this video:
Source Code For Entire Project:
Devise Snippets for making Devise work with Turbo:

Timestamps
0:00 Realtime Chat app in Rails 7 Demo
1:45 Setup Devise in Rails 7 With Turbostreams
7:13 Creating Realtime Chat Rooms In Rails 7
17:57 Using Turbo and Redis With Rails 7
22:40 Creating New Rooms In Realtime Chat App
26:00 Styling The Chatroom
28:10 Creating The Chatroom Users Are In
29:09 Sending Realtime Chat Messages In Ruby On Rails 7
34:06 Styling The Realtime Chat Application
38:25 Joining Chat Channels In Rails 7
39:06 Sending Messages To Specific Chatroom In Rails 7
41:01 Bug Hunting
41:35 The Message Partial
42:39 The Realtime Messages Controller
43:50 Sending Your First Realtime Chatroom Message In Rails 7
44:44 Create Messages For Chatrooms and DMs
48:27 Bug Squashing Bootstrap
50:57 Where To Go Next

Follow me on social media:

Timestamps

#Deanin #Software #Programming

[nathankropp]

Great tutorial, thank you! Think the bug was 'diplay' was typo vs. display in css ;)

[deejaykabwoy]

Man love your tutorials please keep on uploading more on rails 7, much appreciated 👍

[PrateekGupta-ux]

In the last of the video, you misspelled display: flex; that is why it was not working. BTW great video!

[jesusmiranda]

Hope you're having a great day! Thanks for the sweet tutorial!

[timjini]

50:30 - you missed the s in display : ) amazing course.

[muhammadimranmomin]

Great work, i appreciate your hard work keep it up

[marcusl]

i just noticed that you sayd importante on 36:34, as a latin american developer i loved it so much

[RiccardoCarlesso]

Great video! What is the vscode extension to colorize your rails folders?

[robertchang]

Crazy tutorial ! Thanks of this, help a lot

[carlyluo]

thanks for the tutorial, i really enjoy watching your videos. Im learning Hotwire at the moment but didn't get many good tutorials online, especially with all turbo methods.
One question, I see you used form_with, do you know the difference between form_with and turbo_form with? i only started watching part1 so maybe you'll cover more later but can't wait to say thank you. Would also love to see more turbo related tutorials. xx

[danielcurda]

Great video, thank you! I noticed you didn't use cssbundling for bootstrap - is there a particular reason why you didn't? Thanks!

[rodrigo]

Hey, this is great! Altough the turbo part is not working for me. I have to refresh the page every time in order to see the changes. How can i troubleshoot this? Thanks

[phemiewilliams]

Great work! I have been following since part 1 and i fell in love with R on R with your tutorial. But am stuck, my rich_text_area not working. I notice u didnt cover how you setup JavaScript folder and its resources. pls help

[perronegocio]

Hello! good videos, I would like to know what you recommend to implement the 1 to 1 messaging 🤓

[ThePazuzu]

48:29 is why we need to take breaks. Just a simple typo can throw you off big time.

[erdemtopal]

Redis is really neccessary? Turbo covers I think?

[marcusl]

Hi, on minute 17:30 is there a difference between use <%= link_to user.email, users_path(user) %> on the partial users and redirect the route like you done?

[timjini]

Hi Deanin, do you think this approach would work with a rails API and a JS framework frontend?

[erdemtopal]

Hi, i finished the video and when i push to heroku;

1. Devise join is giving error. (others working)
2. stream functions are giving errors.

[tkhobbes]

Can you share your vscode extensions in a video and core config? That would be amazing!