Implement Main Dashboard / Projects List Page #48

Closed
opened 2025-12-30 17:30:27 +00:00 by cardosofelipe · 0 comments

Description

Implement the main dashboard / projects list page based on approved design from #47.

Requirements

  • Follow approved prototype exactly
  • Use design system components
  • Connect to real API endpoints
  • Integrate real-time activity feed via SSE

Technical Implementation

  • Use TanStack Query for project list fetching
  • Use useProjectEvents hook for global activity feed
  • URL-based filter/sort state
  • Follow frontend coding standards
  • WCAG AA accessibility compliance

API Endpoints Used

  • GET /api/v1/projects - List user's projects
  • GET /api/v1/events/stream - Global SSE stream (if implemented) or per-project

Acceptance Criteria

  • Matches approved design
  • Projects list populated from API
  • Activity feed showing real events
  • "Create New Project" button navigates correctly
  • Filters and sorting work
  • Responsive on all breakpoints
  • Accessibility compliant
  • Unit tests written
  • E2E tests for critical flows

Dependencies

  • Blocked by: #47 (design approval)
  • Depends on: #28 (Project API endpoints)

Assignable To

frontend-engineer agent

## Description Implement the main dashboard / projects list page based on approved design from #47. ## Requirements - Follow approved prototype exactly - Use design system components - Connect to real API endpoints - Integrate real-time activity feed via SSE ## Technical Implementation - Use TanStack Query for project list fetching - Use `useProjectEvents` hook for global activity feed - URL-based filter/sort state - Follow frontend coding standards - WCAG AA accessibility compliance ## API Endpoints Used - `GET /api/v1/projects` - List user's projects - `GET /api/v1/events/stream` - Global SSE stream (if implemented) or per-project ## Acceptance Criteria - [ ] Matches approved design - [ ] Projects list populated from API - [ ] Activity feed showing real events - [ ] "Create New Project" button navigates correctly - [ ] Filters and sorting work - [ ] Responsive on all breakpoints - [ ] Accessibility compliant - [ ] Unit tests written - [ ] E2E tests for critical flows ## Dependencies - **Blocked by**: #47 (design approval) - **Depends on**: #28 (Project API endpoints) ## Assignable To frontend-engineer agent
cardosofelipe added the blockedfrontendphase-1 labels 2025-12-30 17:30:50 +00:00
cardosofelipe removed the blocked label 2025-12-30 22:28:19 +00:00
Sign in to join this conversation.