GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDSENIOR

Build a Social Feed with Reactions

90 minutes
0 completed
nextjsfullstacksocial-mediainfinite-scroll

Description

Build a Social Feed with Reactions

Build a social media-style feed with posts, reactions, comments, and infinite scroll.

Requirements

  • Create posts with text and optional image
  • Infinite scroll feed (newest first, load more on scroll)
  • Reaction system: like, love, laugh, wow, sad (emoji reactions)
  • Reaction count display with breakdown on hover
  • Comment system: add comments on posts, see comment count
  • User avatars and display names
  • Relative timestamps ("2 hours ago", "yesterday")
  • Optimistic UI updates for reactions
  • Technical Notes

    Use Next.js API routes with database. Infinite scroll using IntersectionObserver. Optimistic updates: show reaction immediately, revert on error.

    Bonus Points

  • Image upload to cloud storage
  • Real-time updates (new posts appear without refresh)
  • Share/repost functionality
  • You will be guided through MCP setup before the timer starts