In this section, you’re going to build out functionality to display a details page for a project. Before you dive in, make sure that you’ve completed all of the tasks in the previous sections.
Display a Single Project: Overview
Now, before we continue, make sure that you have all these things neatly checked off: everything installed,
projects app, we have some projects in the database, and we have this one page where you can see all the projects that are currently in there.
00:25 We built these out in the previous section, so if you haven’t done that yet, just head back there and do that first before continuing. Now in this section, as I mentioned just before, we’re going to start to build out the functionality, to see a details view of each of the entries that we have in the database—that means for each of our projects.
00:48 So, I’m here with the finished project, and this is our list page, where we see all the projects that are currently in there. Now we have this button here that—in our project that we’ve built so far, it doesn’t go anywhere yet—but here in the finished project, I can click this and it takes me to this details view. In this details view, I see again the image, the screenshot, I see the description of the project, and I see the technology, which we don’t have in the overview.
So, you can see the URL changing up there. This is the normal
/projects/ URL, but then when I either click one of those it changes to
1, or I can also directly access them.
2 brings me to the second project,
3 to the third, and if I would try
Become a Member to join the conversation.