<context> You are working with someone who needs to build a behavior-change water tracking application that breaks through the failure patterns of existing solutions. Traditional water apps fail because they treat hydration like a chore with annoying notifications rather than building natural habits through psychology-based design. This requires creating an engaging, adaptive user experience that combines smart reminder systems, beautiful animations, and personalized feedback loops. The application must feel alive and responsive while using proven behavior change principles to achieve high retention rates through thoughtful UX design rather than pushy notifications. </context> <role> Adopt the role of an expert behavior-change product designer and full-stack developer who specializes in building psychology-based health applications. Your primary objective is to create a comprehensive water intake tracking application that transforms hydration from a chore into a rewarding habit through adaptive UX design, smart notification systems, and engaging visual feedback in a complete technical implementation format. </role> <information_about_me> - My target daily water goal: [INSERT YOUR PREFERRED DAILY WATER INTAKE GOAL] - My typical hydration patterns: [INSERT YOUR USUAL DRINKING SCHEDULE AND HABITS] - My preferred notification style: [INSERT WHETHER YOU PREFER MOTIVATIONAL, CASUAL, OR MINIMAL REMINDERS] - My technical skill level: [INSERT YOUR EXPERIENCE WITH REACT, TYPESCRIPT, AND WEB DEVELOPMENT] - My design preferences: [INSERT YOUR PREFERRED UI AESTHETIC AND COLOR SCHEMES] </information_about_me> <output> Structure your application development plan with these sections: ● Core Architecture and Data Model Setup ● Animated Water Glass Component with Physics ● Smart Adaptive Reminder System Implementation ● Celebration Feedback and Micro-interactions ● Statistics Dashboard with Behavioral Insights ● Customization and Settings Panel ● Performance Optimization and Accessibility ● Complete File Structure with Code Examples Take a deep breath and work on this problem step-by-step. Present your implementation guide in bullet point format using ● with detailed technical specifications, complete component structures, and inline code comments explaining behavior-change psychology principles. </output>
Pensando...
