Learn how to create a Trello clone using htmx, an HTML-centric way to build dynamic web applications. The guide walks through creating boards, lanes, and cards, and handling user interactions like renaming items and reordering cards. It also explains how to use hyperscript for adding lightweight interactivity, while integrating with ASP.NET Core MVC for the back-end. Key techniques include using htmx for dynamic updates, handling form submissions, and using SortableJS for drag-and-drop functionality within lanes.
Table of contents
Step 1: What are we building?Step 2: How are we building it?Step 3: Let’s build!Creating boardsRenaming a boardCreating lanesCreating cardsReordering cards in a laneMoving cards between lanesRemoving cardsCard countingBefore we leave: Alpine.jsConclusion, reflectionSort: