Back
Next JS|TailwindCSS

Social Feed

Project implements a social media feed and user profile pages using [dummyjson posts](https://www.dummyjson.com/docs/posts) and [dummyjson users](https://www.dummyjson.com/docs/users) APIs.

Visit Live SiteView Source
Social Feed screenshot 1
Social Feed screenshot 2
Social Feed screenshot 3
Social Feed screenshot 4
Social Feed screenshot 5
Social Feed screenshot 6

Key Features

  • Routing, Nested routes, error routes
  • Loading UIs for feed and profile pages
  • List virtualization for feed and profile pages (Intersection Observer & Infinite scroll)
  • Server and Client Components
  • Custom Hooks
  • UI Components (Avatar, Button, Cards, Tags, Icons, Post Stats, Skeletons, Error, Infinite Scroll)
  • Data Fetching
  • Error States (Feed, Profile, Posts, Not Found)