smart-i

byManju Manju

I have a PRD document (Shakthi_Fit_PRD.docx) that specifies a complete fitness and wellness mobile app. I need you to build the entire production-ready frontend application in React Native/Expo based on this PRD. **Core Application Requirements:** Build a complete, copy-paste-ready JavaScript/React Native application that implements every feature in the PRD. The app must be production-ready, fully functional, and immediately deployable. **Design System:** - Light theme app background with dark icons throughout - Dark mode-ready architecture with consistent theming - Professional, modern button components and interactive elements - Responsive design with smooth animations and transitions - Consistent spacing, typography, and color system applied globally **Required Features (from PRD):** 1. **Onboarding Flow** — 11-step linear stepper with smooth navigation and progress tracking 2. **Meal Planning System** — Two views: - Simple: meal name, photo, calories, macros (P/C/F) - Advanced: full ingredients, micronutrient stars, absorption notes, day-total progress bars - Progressive unlock: blurred meal cards with lock icons and countdown timers for 2-day progression 3. **Workout System** — Swipeable cards for Yoga, Cardio, and Strength with embedded 30-second demo videos and duration slider for live calorie calculation 4. **Ayurvedic Wellness Layer** — Optional wellness tips with gold accent styling and persistent health disclaimers 5. **Mode Switch** — Toggle between "Gym Trainer" and "Wellness Guide" experiences 6. **Paywall Flow** — 7-day free trial converting to ₹2,499 full access with app store compliance 7. **Real-time Dietician Summary** — Dynamic card displaying personalized user information 8. **Health Compliance** — Required disclaimer language and consent flows per app store guidelines **Architecture & Code Quality:** - Use modern React Native component patterns and best practices - Implement scalable, reusable component library structure - Include complete state management for navigation, user progress, and feature toggles - Write well-commented, maintainable code - Ensure all screens, navigation flows, and styling are included - Code must follow industry best practices for mobile app development **Output Delivery:** Provide the complete application code in a single, organized, copy-paste-ready format. Include all screens, components, navigation structure, state management setup, styling, and any necessary configuration files. The code should be ready to run immediately with `expo start`.

HomeMealPlanLogin
Home

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Home design preview
Onboarding: Sign Up
Onboarding: Complete 11 Steps
Onboarding: View Dietician Summary
Home: View Wellness Journey
Paywall: Start Free Trial
MealPlan: View Simple View
MealPlan: Mark Meal Eaten
Workout: Select Gym Trainer Mode
Workout: Follow Weekly Split
Workout: Log Calorie Burn
Profile: Manage Subscription
Home design preview
Onboarding: Sign Up
Onboarding: Complete 11 Steps
Onboarding: View Dietician Summary
Home: View Wellness Journey
Paywall: Start Free Trial
MealPlan: View Simple View
MealPlan: Mark Meal Eaten
Workout: Select Gym Trainer Mode
Workout: Follow Weekly Split
Workout: Log Calorie Burn
Profile: Manage Subscription