Steven Wanderskiblog.stevenwanderski.com·Aug 2, 2024Project DoList: Drop-Down ActionsIn this article we will add the drop-down menus for tasks and projects that contain the "Edit" and "Delete" controls. We'll be utilizing AlpineJS to handle the visibility of each menu. Task Drop-Down Menu Let's start by changing the markup for each t...Project DoList: Building a Todoist CloneRuby on Rails
Steven Wanderskiblog.stevenwanderski.com·Jul 27, 2024Project DoList: Sortable Tasks and ProjectsIn this article we will add the ability to sort Tasks and Projects. We will need to do the following: Install a frontend sorting library Install a backend sorting library Save the new record order on sort Install Frontend Sorting For the fronten...Project DoList: Building a Todoist CloneRuby on Rails
Steven Wanderskiblog.stevenwanderski.com·Jul 25, 2024Project DoList: TasksIn this article we will add the ability to manage tasks per project and then mark them as completed. Create the Task Model Run the following command to generate the Task model and DB migration: bin/rails g model Task user_id:integer project_id:intege...1 like·28 readsProject DoList: Building a Todoist CloneRuby on Rails
Hrishi Mittalhrishimittal.hashnode.dev·Jul 25, 2024How to build an image gallery in Rails with StimulusClick here to watch a video version of this tutorial. This lesson is from Full Stack Rails Mastery In this lesson, we’ll create an interactive image gallery for the product page using Stimulus. Here we have all the thumbnails of the product’s image...1 likeRails
Steven Wanderskiblog.stevenwanderski.com·Jul 20, 2024Project DoList: "Project" CRUD / HotwireThis article will describe how to create the Project CRUD pages (Create, Read, Update, Delete) and then wire it all up with Hotwire Turbo. Create the Project Model Let's first create the Project model: bin/rails g model Project user_id:integer name ...Project DoList: Building a Todoist CloneRuby on Rails
Steven Wanderskiblog.stevenwanderski.com·Jul 15, 2024Project DoList: User AuthenticationThis article will describe how to setup user authentication (sign up, sign in, forgot password) using Devise (https://github.com/heartcombo/devise). Install Devise To begin, perform the following steps: Add gem "devise" to the Gemfile Run bundle in...30 readsProject DoList: Building a Todoist CloneRails
Steven Wanderskiblog.stevenwanderski.com·Jul 12, 2024Project DoList: SetupWelcome to the first post in the Project: DoList series. In this series we will be building a Todoist (https://todoist.com) clone using the following technologies: Rails 7 Hotwire Tailwind This series assumes that the following tools already exi...1 like·43 readsProject DoList: Building a Todoist CloneRails
Vadim Kononovblog.konoson.com·Jun 12, 2024Make JavaScript Work Seamlessly with or without Turbo in Ruby on RailsIf you're working on a Ruby on Rails project, you've likely encountered Turbo — a powerful tool from Hotwire that optimizes page loads and updates without requiring a full page refresh. It's fantastic for building fast and interactive web application...Ruby on Rails
Gavin Esplingavinonrails.hashnode.dev·Mar 22, 2024Build a Fullstack Rails App: Part One - Overview & PlanningIntro This series of posts is intended to walk someone new to Rails and web application development through building a somewhat simple app. What this isn't is a full course, explaining in detail each piece of tech we use, but there still we be some b...Ruby
Avi Flombaumcode.avi.nyc·Jan 14, 2024Turbo Frame Slide OverAnother common UI pattern is a slide over. This is a modal that slides in from the side of the screen. It's really easy it turns out to implement this with a Turbo Frame. Let's do it. Step 1: The Slide Over Turbo Frame First, we need to create a Tur...8 likes·3.6K readsturbo frame
