Project 4: Network - Web Programming with Python and Javascript

Design a Twitter-like social network website for making posts and following users.

SPECIFICATION:

New Post (0:58): Users who are signed in should be able to write a new text-based post by filling in text into a text area and then clicking a button to submit the post.

All Posts (0:18): The “All Posts” link in the navigation bar should take the user to a page where they can see all posts from all users, with the most recent posts first.

Profile Page (1:15): Clicking on a username should load that user’s profile page. This page should:
-Display the number of followers the user has, as well as the number of people that the user follows.
-Display all of the posts for that user, in reverse chronological order.
-For any other user who is signed in, this page should also display a “Follow” or “Unfollow” button that will let the current user toggle whether or not they are following this user’s posts. Note that this only applies to any “other” user: a user should not be able to follow themselves.

Following (2:12): The “Following” link in the navigation bar should take the user to a page where they see all posts made by users that the current user follows.

Pagination (2:28): On any page that displays posts, posts should only be displayed 10 on a page. If there are more than ten posts, a “Next” button should appear to take the user to the next page of posts (which should be older than the current page of posts). If not on the first page, a “Previous” button should appear to take the user to the previous page of posts as well.

Edit Post (2:44): Users should be able to click an “Edit” button or link on any of their own posts to edit that post.
-When a user clicks “Edit” for one of their own posts, the content of their post should be replaced with a textarea where the user can edit the content of their post.
-The user should then be able to “Save” the edited post. Using JavaScript, you should be able to achieve this without requiring a reload of the entire page.
-For security, ensure that your application is designed such that it is not possible for a user, via any route, to edit another user’s posts.

“Like” and “Unlike” (3:11): Users should be able to click a button or link on any post to toggle whether or not they “like” that post.
-Using JavaScript, you should asynchronously let the server know to update the like count (as via a call to fetch) and then update the post’s like count displayed on the page, without requiring a reload of the entire page.