Video Walkthroughs for Homework 4

The following video walkthroughs go over all of the requirements for Tutorial 10.

These videos were recorded last year, so there are a few outdated references (e.g., this used to be Tutorial 8):

1. 06:43 Setup
2. 15:05 Component organization
3. 04:06 Understanding the NavBar component
4. 15:40 Fetching Posts from the course API (via HTTP)
5. 08:55 Creating a Post component
6. 17:03 Enhancing the Post component
7. 12:15 Like & Bookmark Buttons
8. 17:42 Creating & Deleting Bookmarks on the course API (via HTTP)
9. 12:30 Redrawing the Post after a state change
10. 02:52 Transpiling and linking to your home page

The folder of videos can also be found here.

Note: To fully complete Homework 4, you will have to implement stories, profile, and suggestions on your own as well as liking / unliking posts.

Overview

In this tutorial, we will be getting started on some concepts that should help you in Homework 4. Your job is to finish a subset of the homework assignment (just like in Tutorial 8). To get full credit for this assignment you will ensure that the following features are implemented:

	Description of Task
	The Posts Panel is mostly rendered from API data (image, caption, username, likes, etc.), even if comments and likes are not finished yet.
	Clicking the bookmark icon of an unbookmarked post issues a POST request to /api/bookmarks/.
	After bookmarking a post, the component automatically redraws with the filled bookmark icon.
	Clicking the bookmark icon of a bookmarked post issues a DELETE request to /api/bookmarks/<id>.
	After unbookmarking a post, the component automatically redraws with the hollow bookmark icon.

If you collaborated with someone, please list your partner’s name in the comments section.