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!

Login 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