Skip to content

Story 3: Portfolio builder UI on profile #1232

Description

@jeromehardaway

Epic: #1155
Story Points: 5
Priority: High
Dependencies: Story 1, Story 2

User Story

As a veteran who finished the portfolio checklist
I want to add and edit projects from my profile
So that I can assemble a portfolio without external tools

Acceptance Criteria

  • A "Projects" / "Proof of Work" section on the profile with add / edit / delete
  • Form fields: title, summary, repo URL, live URL, tech tags, screenshot (Story 2)
  • Reorder projects (drag or up/down); persists order
  • Form validation with inline errors; clear loading/saved state
  • Mobile-responsive; full keyboard navigation and labelled controls (Biome a11y rules are errors)
  • Cross-link from src/pages/portfolio-checklist.tsx "Proof of Work" into the builder

Technical Notes

  • Reuse src/components/forms/** and product-card-style cards — don't hand-roll new form primitives
  • Tailwind tw- prefix mandatory; brand tokens, not raw palette
  • Calls the CRUD API from Story 1

Definition of Done

  • Add / edit / delete / reorder all work against the API
  • Accessible (keyboard + screen reader); responsive at mobile and desktop
  • Component/integration tests for the main path; typecheck / lint / test pass; reviewed and merged

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions