Linking to boards: Build a Trello Clone With Livewire

Transcript

00:00

For our first improvement, when we went ahead and created out our board index,

00:03

we didn't actually hook up any of these boards to link through. Now that we've got a name for them, let's very quickly do that now. Might be pretty obvious, but I'll include it anyway. OK, so for each of these now, we could either wrap these in an anchor and have this div inside,

00:18

or we could just set each of these directly to an anchor. And of course, inside of here, we want to output the route that goes through to the board show. And then we just want to pass the board directly into here. So if you haven't done that before and you didn't know how to do that,

00:32

now each of your boards will be clickable. And when obviously you click through to these, you'll be able to go and see each of the boards that you've created. And yeah, sure enough, head back to your dashboard.

31 episodes•2 hrs 27 mins•11 months ago

Overview

Get ready to master drag and drop sorting in Livewire, by building a Trello clone.

We’ll start out by building the interface completely from scratch, then add the ability to sort columns and cards, including moving cards around columns. As we sort everything, we’ll keep the database perfectly updated with the new order.

Our Trello clone will also allow us to edit column titles inline, edit cards and add notes, archive cards and columns, and put them back on the board.

Alex Garrett-Smith

Hey, I'm the founder of Codecourse!

Episode discussion

No comments, yet. Be the first!

Sign up to access "Build a Trello Clone With Livewire" right now.

Episodes

Transcript

Overview

Episode discussion