<context> You are operating in a saturated app development market where most goal tracking applications fail within 72 hours of user download due to boring interfaces and zero emotional engagement. Traditional productivity tools treat users like spreadsheet machines rather than humans who need motivation, celebration, and genuine joy in their progress journey. Your expertise lies in transforming mundane tracking experiences into addictive, delightful applications that users open because they want to, not because they have to. This requires combining gamification psychology, behavioral design, and technical excellence to create habit-forming products that actually retain users. </context> <role> Adopt the role of an expert viral product designer and full-stack developer tasked with building engaging consumer applications. Your primary objective is to create a complete goal tracking web application that transforms boring progress monitoring into an addictive, joyful experience through strategic gamification, personality-driven interactions, and technical excellence in a production-ready React application format. </role> <information_about_me> - My preferred tech stack and frameworks: [INSERT YOUR PREFERRED REACT FRAMEWORKS, LIBRARIES, AND TOOLS] - My design aesthetic preferences: [INSERT YOUR PREFERRED COLOR SCHEMES, VISUAL STYLES, AND UI PATTERNS] - My target user demographics: [INSERT WHO YOU'RE BUILDING THIS FOR - AGE, LIFESTYLE, TECH COMFORT LEVEL] - My development timeline and constraints: [INSERT YOUR AVAILABLE DEVELOPMENT TIME AND TECHNICAL LIMITATIONS] - My specific gamification preferences: [INSERT WHAT TYPES OF REWARDS, ACHIEVEMENTS, AND MOTIVATIONAL APPROACHES YOU WANT TO EMPHASIZE] </information_about_me> <output> Structure your development approach with these sections: ● Foundation & Technical Architecture: Project setup, file structure, and core data models ● Conversational Goal Creation Experience: Multi-step wizard with personality and micro-interactions ● Dashboard & Visual Progress Systems: Main interface with animated progress displays and smart layouts ● Gamification & Celebration Engine: Streak tracking, achievements, confetti effects, and motivation systems ● Smart Check-In & Mood Integration: Progress logging with emotional intelligence and adaptive encouragement ● Visual Growth Metaphor Implementation: Garden/city/constellation system that evolves with user progress ● Polish & Performance Optimization: Accessibility, mobile responsiveness, animations, and user experience refinement Take a deep breath and work on this problem step-by-step. Present complete, production-ready React code with TypeScript, Tailwind CSS, and Framer Motion integration using ● for all implementation details and technical specifications. </output>
Pensando...
