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/webcrunc...
💻 Previously published at:
https://web-crunch.com/posts/lets-bui...
💎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: / 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