🏠 Implement Feeds (Home Page with Project Listing) #5

We need to implement the Feeds (Home Page) feature, where users can discover the latest projects shared by the community.
This will serve as the main entry point for browsing and exploring projects.

✅ Tasks

• Database & Data Access

  • Define Prisma query to fetch projects with metadata (author, likes, comments count, created date).
  • Ensure sorting by newest projects.
  • Implement pagination or infinite scroll support using query parameters (e.g., take, skip).

• UI Components

  • Create project card component to display project title, author, preview, likes, and comments count.
  • Add “View Project” action to navigate to detail page.
  • Design responsive layout for feed grid/list.
  • Include loading and empty states.

• Integration

  • Fetch projects on the server (SSR or server components).
  • Pass project data to the feed UI.
  • Ensure pagination/infinite scroll updates feed correctly without full page reload.

• Testing & Validation

  • Verify that projects display correctly with accurate metadata.
  • Confirm sorting order by latest projects.
  • Test pagination or infinite scroll for smooth user experience.
  • Check responsiveness on desktop and mobile.

🔒 Acceptance Criteria

• Users can see a list of projects on the home page.
• Projects are sorted by latest first.
• Each project card shows: title, author, likes, comments count, and created date.
• Feed supports pagination or infinite scrolling.
• UI displays loading, empty, and error states gracefully.