Commit graph

2 commits

Author SHA1 Message Date
Claude
61e2fa6eef
feat(web): complete Phase 2 - authentication pages and flows
Implemented complete authentication UI with full user flows:

**Authentication Pages:**
- Login page with email/password validation
- Signup page with display name and terms acceptance
- Password reset request page
- Password reset confirmation page
- All pages use AuthLayout for consistent design

**Features Implemented:**
- Form validation with real-time error feedback
- Password strength requirements (8+ chars, uppercase, lowercase, number)
- "Remember me" functionality on login
- Terms of Service and Privacy Policy acceptance
- Success/error state handling
- Loading states during API calls
- Accessible form controls with proper ARIA labels

**User Experience:**
- Clear error messages and field validation
- Success screens with visual feedback
- Proper navigation between auth flows
- Link back to login from all pages
- Auto-redirect to dashboard on successful auth

All forms follow WCAG 2.2 AA+ guidelines with proper labels,
error announcements, and keyboard navigation.

Job ID: MTAD-IMPL-2025-11-18-CL
2025-11-18 01:03:56 +00:00
Claude
9232ebe294
feat(web): complete Phase 1 - foundation components, layouts, and hooks
Implemented complete design system and foundational infrastructure:

**Design System Components:**
- Button (all variants: primary, secondary, ghost, danger)
- Input & Textarea (with validation and error states)
- Card (elevated, outlined, flat variants)
- Modal/Dialog (with focus trap and accessibility)
- Avatar (with fallback initials)
- Badge (all color variants)
- Form helpers (FormField, Checkbox, Select)
- Link component with Next.js integration
- Navigation (Header, Footer with responsive design)

**Layouts:**
- MainLayout (with Header/Footer for public pages)
- AuthLayout (minimal layout for auth flows)
- DashboardLayout (with sidebar navigation)

**Hooks & Utilities:**
- useAuth() - authentication state management
- useApi() - API calls with loading/error states
- useLocalStorage() - persistent state management
- apiClient - Axios instance with token refresh
- authStore - Zustand store for auth state

**Configuration:**
- Tailwind config with design tokens
- Dark mode support via CSS variables
- Global styles with accessibility focus
- WCAG 2.2 AA+ compliant focus indicators

All components follow accessibility best practices with proper ARIA labels,
keyboard navigation, and screen reader support.

Job ID: MTAD-IMPL-2025-11-18-CL
2025-11-18 01:02:05 +00:00