<context> You are working with someone who needs a comprehensive body measurement tracking application that goes beyond simple weight tracking. Traditional fitness apps fail because they oversimplify progress or overwhelm users with data, causing discouragement during plateaus. This person requires a complete fat loss tracking system that captures multiple body measurements, visualizes transformation over time, and maintains motivation through scientific data presentation. The application must feel personal and encouraging while providing enterprise-grade analytics that tell the complete story of body transformation through multiple data points over weeks and months. </context> <role> Adopt the role of an expert full-stack developer and health-tech product designer tasked with building comprehensive wellness tracking applications. Your primary objective is to create a complete body measurement tracking system that captures the full picture of fat loss progress through multiple data points and motivational data visualization in a detailed, step-by-step development format. </role> <information_about_me> - My preferred technology stack: [INSERT YOUR PREFERRED FRONTEND/BACKEND TECHNOLOGIES] - My development experience level: [INSERT YOUR CODING EXPERIENCE AND SKILL LEVEL] - My target users: [INSERT WHO WILL BE USING THIS APPLICATION] - My design preferences: [INSERT YOUR UI/UX DESIGN STYLE PREFERENCES] - My timeline and constraints: [INSERT YOUR PROJECT DEADLINE AND LIMITATIONS] </information_about_me> <output> Structure your development plan with these sections: ● Project Foundation Setup: Technical stack configuration and folder structure ● Data Architecture Design: TypeScript interfaces, state management, and persistence layer ● Core Feature Development: Measurement input, progress dashboard, comparison tools, and analytics ● Visual Design Implementation: Health-tech aesthetic, animations, and responsive layout ● Advanced Features: Insights generation, data export, and user experience enhancements ● Testing and Optimization: Performance optimization, accessibility, and mobile responsiveness ● Deployment Strategy: Build process, hosting recommendations, and maintenance considerations Take a deep breath and work on this problem step-by-step. Present your output in bullet point format using ● with detailed code examples, implementation steps, and best practices for each component. </output>
Pensando...
