red-health

Audit the existing scaffold and remove or rename pages that do not align with the final application structure defined in the SRD. Remove unneeded pages (ai-assistant, generic welcome/overview pages). Set up the final navigation/routing structure for both User flow (Landing → Register/Login → Dashboard → sub-pages) and Doctor flow (Login → Doctor Dashboard → sub-pages). Ensure route naming matches all designed pages before page implementations begin.

Implement the Health Programs page UI to exactly match the Health Programs (v2) JSX design. Display program cards for weight loss, weight gain, diabetes management, pregnancy planning, and athlete fitness with diet guidance and lifestyle advice. Include program detail view and enrollment action. Show enrolled programs and progress indicators. User flow: Dashboard → Health Programs.

Implement the Register page UI to exactly match the Register (v2) JSX design. Include all registration fields: name, email, age, gender, height, weight, phone number. Implement form validation, field error states, and submission loading state as shown in the design. Connect form to the user registration API endpoint. User flow: Landing → Register → Login.

Implement the Health Profile page UI to exactly match the Health Profile (v2) JSX design. Include fields for blood pressure, blood sugar, cholesterol, smoking status, alcohol consumption, exercise frequency, sleep hours, existing diseases, and health goals (weight loss, weight gain, diabetes control, pregnancy planning, fitness). Support both create and edit modes with validation. User flow: Dashboard → Health Profile.

Implement the Daily Tracker page UI to exactly match the Daily Tracker (v2) JSX design. Include daily entry form for date, blood pressure, blood sugar, weight, exercise duration, water intake, and sleep hours. Display animated progress bars for daily goals. Show history list or calendar view of past entries. Implement input validation and submission states. User flow: Dashboard → Daily Tracker.

Implement the Appointments page UI to exactly match the Appointments (v2) JSX design. Include appointment booking form with date picker, time slot selector, online/clinic consultation type toggle. Display existing appointments list with status indicators (pending, confirmed, cancelled). Implement booking confirmation and cancellation flows. User flow: Dashboard → Appointments.

Implement the Doctor Dashboard page UI to exactly match the Doctor Dashboard (v2) JSX design. Include summary stats (total users, pending appointments, unanswered questions), and quick navigation to Users list, Patient Profiles, Ask Doctor questions queue, and Appointments management. Implement doctor-specific navigation layout. Doctor flow: Login → Doctor Dashboard.

Implement the Ask Doctor page UI to exactly match the Ask Doctor (v2) JSX design. Include question input area, file upload component for medical reports, and display of past questions with doctor text and video responses. Handle AI response loading states. Support both user question submission and doctor reply rendering (text/video). User flow: Dashboard → Ask Doctor → Upload Report.

Implement the Seasonal Guide page UI to exactly match the Seasonal Guide (v2) JSX design. Display health tip cards categorized by season (summer, monsoon, winter) as a carousel with vibrant images and short videos. Implement season filter/tab navigation and media rendering. User flow: Dashboard → Seasonal Guide.

Implement the Patient Profile page UI to exactly match the Patient Profile (v2) JSX design. Display full user details, health profile summary, recent daily tracker entries, and activity history. Include doctor action buttons to navigate to user questions or appointments. Doctor flow: Doctor Dashboard → Patient Profile → Daily Tracker view.

Implement the Landing page UI to exactly match the Landing (v2) JSX design. Include hero section with 3D rotating health wheel concept, feature highlights, and CTA buttons for Register and Login. Ensure full theme compliance and responsive mobile layout. This is the entry point for all users in the user flow (Landing → Register or Login).

Implement the Login page UI to exactly match the Login (v2) JSX design. Include email/password fields, login button, link to Register, and branding elements. Wire up form state management and connect to the existing basic auth integration. Ensure validation states (error, loading) are visually handled per design. Serves both User and Doctor login flows.

Implement the user-facing Dashboard page UI to exactly match the Dashboard (v2) JSX design. Include the 3D rotating health wheel with key metrics, animated progress bars for daily goals, personalized greeting (e.g. 'Good Morning, Hiral!'), and quick-access navigation cards to Health Profile, Daily Tracker, Ask Doctor, Appointments, Health Programs, and Seasonal Guide. This is the main hub after login in the User flow.

Build FastAPI endpoints for user registration and profile management. Implement POST /api/users/register (create user: name, email, age, gender, height, weight, phone), GET /api/users/{user_id}, PUT /api/users/{user_id}. Store in MySQL with Pydantic validation, duplicate email handling, and password hashing. Return JWT token on successful registration.

Build FastAPI endpoints for seasonal health guide with MongoDB media storage. Implement GET /api/seasonal-guide (tips grouped by season: summer, monsoon, winter), GET /api/seasonal-guide/{season}, POST /api/seasonal-guide (create tip with text and media upload), GET /api/seasonal-guide/{tip_id}/media. Store tip metadata in MySQL and media files/references in MongoDB. Include CDN-friendly media URL generation.

Build FastAPI endpoints and AI integration for Ask Doctor. Implement POST /api/ask-doctor/questions (submit question with optional medical report file upload), GET /api/ask-doctor/questions/{user_id}, POST /api/ask-doctor/questions/{question_id}/ai-response (trigger GPT via LangChain), POST /api/ask-doctor/questions/{question_id}/doctor-reply (doctor submits text or video URL). Integrate OpenAI GPT + LangChain for AI-generated responses. Store in MongoDB.

Build FastAPI CRUD endpoints for daily health tracking. Implement POST /api/daily-tracker, GET /api/daily-tracker/{user_id} (with date range filter), GET /api/daily-tracker/{user_id}/{date}, PUT /api/daily-tracker/{entry_id}. Fields: date, blood pressure, blood sugar, weight, exercise duration, water intake, sleep hours. Store in MySQL. Enforce one entry per user per date.

Build FastAPI endpoints for health programs. Implement GET /api/programs (list: weight loss, weight gain, diabetes, pregnancy, athlete fitness with diet/lifestyle details), GET /api/programs/{program_id}, POST /api/programs/{program_id}/enroll (user enrollment), GET /api/programs/enrolled/{user_id}, DELETE /api/programs/{program_id}/enroll/{user_id}. Store program definitions and enrollments in MySQL.

Build FastAPI endpoints for appointment booking and management. Implement POST /api/appointments (book: date, time, type, doctor), GET /api/appointments/{user_id}, GET /api/appointments/doctor/{doctor_id}, PUT /api/appointments/{appointment_id} (update status: pending/confirmed/cancelled). Store in MySQL. Include slot availability validation to prevent double-booking.

Build FastAPI CRUD endpoints for health profile management. Implement POST /api/health-profile, GET /api/health-profile/{user_id}, PUT /api/health-profile/{user_id}. Fields: blood pressure, blood sugar, cholesterol, smoking status, alcohol consumption, exercise frequency, sleep hours, existing diseases, health goals. Store in MySQL. Enforce user-scoped authorization.

Build FastAPI endpoints powering the Doctor Dashboard. Implement GET /api/doctor/users (paginated list of all users with health summary), GET /api/doctor/users/{user_id}/health-profile, GET /api/doctor/users/{user_id}/daily-tracker, GET /api/doctor/questions (all pending questions), GET /api/doctor/appointments (all doctor appointments filtered by status/date), GET /api/doctor/stats (summary: total users, pending appointments, unanswered questions). Enforce doctor-role authorization on all endpoints.