Implement Project Creation Wizard #50

New Issue

cardosofelipe · 2025-12-30T17:31:05Z

cardosofelipe commented

2025-12-30 17:31:05 +00:00

Description

Implement the project creation wizard based on approved design from #49.

This is a Phase 1 simplified version that:

Creates projects via form wizard
Stores configuration in database
Includes placeholder for Phase 4 agent chat

Requirements

Follow approved prototype exactly
Use design system components
Connect to real API endpoint
Form validation with Zod
Auto-save drafts to localStorage

Technical Implementation

React Hook Form for form state
Zod for validation schemas
TanStack Query for API mutation
Multi-step wizard pattern
Follow frontend coding standards

API Endpoints Used

POST /api/v1/projects - Create new project

Wizard Steps Implementation

Basic Info → form fields
Complexity → enum selection
Client Mode → enum selection
Autonomy Level → enum selection
Agent Chat → static placeholder (no functionality)
Review → read-only summary + submit

Acceptance Criteria

Matches approved design
All form validations working
Project created successfully via API
Redirects to project dashboard after creation
Draft auto-saved to localStorage
Cancel with confirmation dialog
Unit tests written
E2E test for happy path

Dependencies

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

Phase 4 Integration Notes

The agent chat step is a placeholder that will be connected to:

FR-301: Requirements Discovery Workflow
FR-302: Architecture Spike Workflow

When Phase 4 is implemented, this wizard will integrate with the agent orchestration system.

Assignable To

frontend-engineer agent

## Description Implement the project creation wizard based on approved design from #49. This is a **Phase 1 simplified version** that: - Creates projects via form wizard - Stores configuration in database - Includes placeholder for Phase 4 agent chat ## Requirements - Follow approved prototype exactly - Use design system components - Connect to real API endpoint - Form validation with Zod - Auto-save drafts to localStorage ## Technical Implementation - React Hook Form for form state - Zod for validation schemas - TanStack Query for API mutation - Multi-step wizard pattern - Follow frontend coding standards ## API Endpoints Used - `POST /api/v1/projects` - Create new project ## Wizard Steps Implementation 1. Basic Info → form fields 2. Complexity → enum selection 3. Client Mode → enum selection 4. Autonomy Level → enum selection 5. Agent Chat → static placeholder (no functionality) 6. Review → read-only summary + submit ## Acceptance Criteria - [ ] Matches approved design - [ ] All form validations working - [ ] Project created successfully via API - [ ] Redirects to project dashboard after creation - [ ] Draft auto-saved to localStorage - [ ] Cancel with confirmation dialog - [ ] Unit tests written - [ ] E2E test for happy path ## Dependencies - **Blocked by**: #49 (design approval) - **Depends on**: #28 (Project API endpoints) ## Phase 4 Integration Notes The agent chat step is a placeholder that will be connected to: - FR-301: Requirements Discovery Workflow - FR-302: Architecture Spike Workflow When Phase 4 is implemented, this wizard will integrate with the agent orchestration system. ## Assignable To frontend-engineer agent

cardosofelipe added the blocked frontend phase-1 labels 2025-12-30 17:31:15 +00:00

cardosofelipe referenced this issue from a commit

2025-12-30 17:32:40 +00:00

docs: Add missing architecture flow and update roadmap for dashboard/onboarding

cardosofelipe removed the blocked label 2025-12-30 22:28:19 +00:00

cardosofelipe referenced this issue from a commit

2025-12-30 23:04:28 +00:00

feat(frontend): implement Project Creation Wizard (#50)

cardosofelipe referenced this issue from a commit

2025-12-31 10:19:53 +00:00

feat(frontend): Implement project dashboard, issues, and project wizard (#40, #42, #48, #50)

cardosofelipe closed this issue