runfoo-org/morethanadiagnosis-hub
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
90 commits 1 branch 0 tags 861 KiB
Commit graph

10 commits

Author SHA1 Message Date
fullsizemalt
6d53ac2b72 feat: frontend redesign and app structure refactor 2025-11-19 20:09:48 -08:00
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
admin
42c7bcdacb chore: remove Next.js build artifacts from git tracking 
- Remove web/.next cache directory
- Remove web/out static export directory
- These are build outputs, not source code
- Gitignore now prevents re-tracking
 2025-11-18 18:08:01 +00:00
admin
62d7aa4a16 fix: make public directory optional in frontend Dockerfile for Next.js apps without public folder 2025-11-18 07:21:52 +00:00
admin
6423df91e3 deploy: add frontend service with production Docker setup 
- Created production Dockerfile for Next.js frontend (multi-stage build)
- Added frontend service to docker-compose with API env var
- Updated nginx to proxy root path to frontend:3000 service
- Frontend fully integrated with backend at https://mtd.runfoo.run

Job ID: MTAD-IMPL-2025-11-18-CL
 2025-11-18 07:00:00 +00:00
admin
913c272fb3 fix: resolve all frontend build errors 
- Fix Link onClick issue in Header.tsx: wrap Link in div with onClick handler (3 locations)
- Fix Checkbox label type error: change JSX Element to string label
- Fix useSearchParams Suspense issue: extract into separate component with Suspense boundary

All TypeScript errors resolved. Frontend ready to build.

Job ID: MTAD-IMPL-2025-11-18-CL
 2025-11-18 06:55:42 +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
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
admin
c37275d3de feat: complete MVP suite - migrations, auth, and frontend scaffolding 
Database Migrations:
- Alembic configuration and env.py
- Initial schema migration (001_initial_schema.py) with all 25 entities
- Support for all 7 MVPs + authentication + compliance
- Ready to run: alembic upgrade head

Authentication System:
- Registration/login endpoints with Argon2 password hashing
- JWT token generation and refresh token rotation
- Account lockout protection (5 failed attempts)
- Token refresh with automatic rotation
- Logout with token invalidation
- Audit logging for all auth events
- Pydantic schemas for validation
- Email-based account enumeration prevention

Frontend Scaffolding:

Web (Next.js 14):
- TypeScript configuration
- Next.js App Router setup
- Tailwind CSS configured
- API client setup (Axios + React Query)
- Zustand for state management
- Directory structure for all 7 MVPs
- Layout and navigation stubs
- Responsive design ready

Mobile (React Native/Expo):
- Expo 51+ configuration
- TypeScript setup
- Expo Router for navigation
- Tab-based navigation structure
- All 7 MVP screens scaffolded
- iOS and Android support
- Accessibility components ready

Project Status:
- Backend: 85% complete (foundation + auth + migrations)
- Web: 10% complete (scaffolding only)
- Mobile: 10% complete (scaffolding only)
- Tests: Not yet implemented

All code follows OpenSpec standards and design system guidelines.

Job ID: MTAD-IMPL-2025-11-18-CL

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-18 00:51:01 +00:00