Let's Build: A Twitter Clone with Ruby on Rails 7 - Part 1- Overview and Creating Tweets

PART 1 of 6

Timestamps:

00:00 - Intro 01:35 - Overview of what we are building 05:30 - Creating the Ruby on Rails app 07:50 - Quick error fix with the Kickoff Tailwind template 08:23 - Reviewing Twitter itself and the design patterns we'll mimic 09:30 - Generate the Tweet model 11:17 - Generate the Tweets controller 13:42 - Add Tweets routing 15:19 - Update global layout UI 18:32 - Add Tweet form in the index view 25:16 - Displaying a list of tweets 27:03 - Creating Tweets controller logic with Turbo 28:51 - Adding custom error handling for tweets 31:20 - Create a turbo_stream response file 32:12 - Displaying Tweets in real-time 36:40 - Bug fix for emptying form data after creating tweets 40:43 - Displaying another layout for devise controllers

What's in this part? In the first part of the series, I'll guide you through what it is we are building and why. We also kick things off by creating Tweets and displaying them in the app to get the first prototype live.

Description: If you have followed me for some time you might remember a series I did on Ruby on Rails titled “Let’s Build”. These guides were a “learn in public” exercise I tasked myself with that ultimately resonated with a number of folks.

This specific mini-series is going to focus on redoing an older “Let’s Build” where I took on building a Twitter clone.

Since the advent of Rails 7, the way you might approach new problems when building software has changed a great deal. I wanted to take the opportunity to create some fresh content and show you how to leverage some new features of Ruby on Rails along the way.

=======

Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.

♥️ Sponsor me on GitHub https://github.com/sponsors/justalever

☕️ Keep me awake. Buy me a coffee https://www.buymeacoffee.com/webcrunch

📰 One-Click Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1

💻 Previously published at: https://web-crunch.com/posts/lets-build-with-ruby-on-rails-7-twitter-clone

💎Ruby on Rails Course: HELLO RAILS https://hellorails.io

💻 Check out the blog: https://web-crunch.com

🦄 Check out my personal site: https://justalever.com

🚀 Links: Weekly Newsletter: https://digest.web-crunch.com/ Twitter: https://twitter.com/webcrunchblog Github: https://github.com/justalever

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/products/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/products/ptt ... https://www.youtube.com/watch?v=loYfUpwoLlM