Skip to content

Latest commit

 

History

History
54 lines (28 loc) · 2.33 KB

STRETCH.md

File metadata and controls

54 lines (28 loc) · 2.33 KB

Stretch Goals

NOTE: This is a large project. Even the non-stretch goals are a lot to get done in the available time! If you're peeking ahead and worried you won't get to these, please don't worry.

1. Retweets

In the original goals, we wired up the "like" button, but we never set up the retweet!

It should wind up looking quite a lot like the "like" button solution.

2. Profile tooltips

When hovering over a user's display name, a tooltip should reveal more information about the person:

hovering over various display names

You can use Tippy.js/react for this! Bonus points for adding a subtle delay before showing/hiding, to prevent unwanted opening/closing.

Ensure that the tooltip works with keyboard navigation.

3. Responsive design

On smaller windows, the sidebar should collapse into icons:

responsive

Bonus points for testing on a real mobile device, and ensuring everything still works!

4. Following

The API is fully set up to support following and unfollowing users. Let's take advantage of it!

First, let's update the Profile to include two things (if you haven't already):

  • A "Follow" button, when viewing a profile other than the current user's (treasurymog).
  • A grey "Follows you" tag when the profile in question follows the current user

Profile tab showing the two items described above

Clicking the "Follow" button should change the button to a filled-in state, and the text should become "Following". In addition, the user's # of followers should increment by 1.

When you navigate to the home feed, you should now see the tweets of the user you've followed (or no longer see the tweets for a user you unfollowed).

NOTE: The API's endpoints for following/unfollowing don't work the same way as the like/unlike and retweet/unretweet endpoints. Be sure to consult with the documentation!

Finally, you should convert the # of followers/following into links, on the user profile:

User profile section showing follower stats

Clicking them should take the user to a new route, which will display a list of users.

There is no design for this, but we can take inspiration from the real Twitter website:

follower/following links