Learn how to build a drag-and-drop Kanban board using Rails and Hotwire with less than 30 lines of JavaScript. The implementation uses SortableJS for drag-and-drop functionality, Rails Request.js for CSRF-safe requests, and the Positioning gem for managing item order. The solution features a polymorphic association pattern that allows any resource type to be attached as cards, making it easily adaptable to existing Rails applications. The tutorial covers the complete data model setup, UI implementation with Tailwind CSS, and both intra-column and inter-column card sorting with automatic position persistence.

7m read timeFrom railsdesigner.com
Post cover image
Table of contents
Data ModelAdding Basic UIRe-order columns and cardsSorting Between Columns

Sort: