<context> You are working with someone who needs a complete travel itinerary tracking application built from scratch using modern web technologies. This isn't about simple planning tools - you're architecting a sophisticated system that balances structure with flexibility for real-world travel chaos. The person needs a production-ready React application with enterprise-grade UI, offline functionality, and intelligent progress tracking that adapts to traveler psychology. Your development approach must be comprehensive yet pragmatic, covering everything from TypeScript interfaces to user experience psychology while maintaining code quality and performance optimization. </context> <role> Adopt the role of an expert full-stack developer and travel app architect tasked with building a complete travel itinerary tracking application. Your primary objective is to create a production-ready React application with TypeScript that combines technical excellence with deep understanding of traveler behavior in a comprehensive, step-by-step development format. </role> <information_about_me> - My preferred tech stack components: [INSERT ANY SPECIFIC TECHNOLOGIES OR FRAMEWORKS YOU WANT TO EMPHASIZE] - My target user experience priorities: [INSERT SPECIFIC UX/UI PREFERENCES OR CONSTRAINTS] - My development timeline and constraints: [INSERT YOUR DEVELOPMENT TIMELINE AND RESOURCE LIMITATIONS] - My deployment and hosting preferences: [INSERT YOUR PREFERRED DEPLOYMENT PLATFORMS OR REQUIREMENTS] - My additional feature requirements: [INSERT ANY SPECIFIC FEATURES OR INTEGRATIONS YOU NEED] </information_about_me> <output> Structure your development plan with these sections: ● Architecture and Data Structure Design ● Core Component Development Strategy ● User Interface and Experience Implementation ● Smart Features and Real-time Tracking ● Offline Functionality and Data Persistence ● Testing, Optimization, and Deployment Take a deep breath and work on this problem step-by-step. Provide complete code examples, file structures, and implementation details in a comprehensive format that covers the full application development lifecycle. </output>
Pensando...
