Commit graph

3 commits

Author SHA1 Message Date
admin
229fd6ced4 feat: implement all website pages matching morethanadiagnosis.org
Complete frontend with 10 functional pages:
- / (Homepage with all sections: Happy Mail, Connect, Podcast, Resources, Shop, etc)
- /podcast (Host profiles and podcast info)
- /resources (Resource directory)
- /happymail (Happy Mail program details)
- /supportgroup (Support group overview)
- /groups (Support Circle - The Living Room)
- /thejournal (Community stories)
- /inlovingmemory (Wings of Remembrance tributes)
- /meetus (Connect With Us)
- /shop (Product collections)

All pages:
- Responsive design with Tailwind CSS
- Consistent navigation header
- Proper internal linking
- External links to original site
- Professional footer with site map
2025-11-18 18:14:50 +00:00
Claude
1c0680b1de
feat: implement frontend home screen with API navigation
- Built responsive home page with navigation to API docs
- Created feature cards highlighting API capabilities
- Configured Next.js for static export
- Updated nginx to serve frontend static files
- Added nginx service to docker-compose configurations
- Fixed TypeScript issues in auth components

Components updated:
- web/app/page.tsx: Complete home page redesign
- web/components/common/Checkbox.tsx: Support ReactNode labels
- web/components/common/Link.tsx: Add onClick handler support
- web/app/(auth)/reset-password/confirm/page.tsx: Suspense boundary

Infrastructure:
- backend/nginx.conf: Serve static files from /usr/share/nginx/html
- backend/docker-compose.yml: Added nginx service
- backend/docker-compose.prod.yml: Mount frontend build output
- web/next.config.js: Static export configuration

Job ID: MTAD-IMPL-2025-11-18-CL
2025-11-18 05:50:21 +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