Inspiration

Frustrated with juggling Excel spreadsheets, browser tabs, and sticky notes for travel planning, I experienced the chaos firsthand during a family vacation where I had 15+ tabs open and multiple Excel files but still couldn't get a clear picture of our itinerary. I realized there had to be a better way - a single AI-powered platform that could organize trips while providing intelligent recommendations.

What it does

Holiday Moo is an AI-powered travel planning application built entirely with Kiro-generated code that combines intelligent recommendations with visual organization. Users interact with dual AI systems - xAI (Grok) for conversational assistance and Perplexity AI for travel recommendations. The app features an interactive calendar interface, Google Maps integration for location services, and AWS Lambda-powered Excel export functionality. It transforms scattered travel planning into a unified, intelligent experience.

How we built it

The entire application was built using modern web technologies with every line of code generated by Kiro AI:

  • Frontend: React 18.2.0 with Create React App - all components generated by Kiro
  • Dual AI System: xAI (Grok) API for conversation management, Perplexity AI for travel recommendations
  • Maps Integration: Google Maps JavaScript API, Places API, and Geocoding API
  • Backend Services: AWS Lambda functions with Python 3.x for Excel export using openpyxl - entirely Kiro-generated
  • Infrastructure: AWS S3 + CloudFront distribution for hosting and global delivery
  • Development Process: Every line of code generated through Kiro AI assistance using modern React patterns and serverless architecture
  • Deployment: Manual AWS deployment with proper configuration - all setup generated by Kiro

Challenges we ran into

Building a comprehensive travel planning application with Kiro presented unique development challenges that required creative problem-solving:

  • Kiro Session Limitations: Working within Kiro's session constraints, managing context effectively, and maintaining development momentum across multiple sessions
  • User Experience Workflow Design: Designing intuitive workflows for complex travel planning tasks, balancing feature richness with simplicity
  • AI Integration Complexity: Coordinating multiple AI services (xAI and Perplexity) with different response formats and managing API costs
  • New Function Implementation: Adding features like Excel export, map integration, and AI chat while maintaining code quality and performance
  • State Management and Data Flow: Managing complex application state across multiple components, handling user interactions, and ensuring data consistency throughout the app
  • Layout Modifications and Debugging: Constantly refining the UI layout, fixing responsive design issues, and debugging component interactions across different screen sizes

Accomplishments that we're proud of

This project represents a complete journey of overcoming challenges and creating something truly functional and beautiful - my very first application:

  • First App Achievement: Successfully built and deployed my first ever application from concept to production, taking those crucial first steps into development
  • Real-World Problem Solving: Built an application that genuinely addresses the chaos of travel planning with a unified, intelligent solution
  • Agent-to-Agent AI Workflow: Designed cost-effective dual AI architecture where xAI handles conversations while Perplexity provides specialized travel data, optimizing API costs and response quality
  • Comprehensive Tool Integration: Seamlessly combined everything travelers need: AI recommendations, interactive maps, calendar organization, and Excel export
  • Modern, User-Friendly Design: Created a clean, responsive interface with intuitive workflows that transform scattered planning tasks into a cohesive, visual experience that makes complex travel planning feel effortless and enjoyable
  • Challenge Mastery: Overcame every technical hurdle from session limitations to complex state management, proving persistence pays off

What we learned

The development process provided valuable insights into effective AI collaboration and modern web development:

  • Effective AI Communication: Mastered the art of communicating with AI agents through clear instructions, proper context management, and strategic task breakdown to achieve accurate, efficient outputs
  • Pre-Implementation Planning: Discovered that planning clear workflows and designs before coding leads to better quality results and fewer development iterations with AI assistance
  • Advanced Debugging Skills: Developed proficiency in visual debugging using HTML code inspection and image analysis to quickly identify and resolve complex UI issues
  • AI-Powered Full-Stack Development: Gained hands-on experience building production-ready applications with React, AWS Lambda, serverless architecture, and multiple API integrations - all through AI-generated code
  • Multi-Session Project Management: Learned to maintain project continuity and context across multiple AI sessions while managing complex, evolving requirements
  • Modern Development Practices: Applied responsive design, performance optimization, security best practices, and component-based architecture through AI collaboration

What's next for Holiday Moo - AI-Powered Travel Planner

The roadmap includes several exciting enhancements that will continue to leverage Kiro's AI capabilities:

  • Co-edit Mode: Real-time collaborative trip planning where multiple users can edit and plan trips together simultaneously
  • Mobile Application: Native iOS and Android apps with enhanced offline functionality and mobile-optimized user experience
  • User Authentication: Personal accounts with saved trips and preferences using AWS Cognito
  • Database Integration: Persistent storage with DynamoDB for user data and trip history
  • Enhanced AI Features: Machine learning for personalized recommendations and predictive planning
  • Booking Integration: Direct connections to travel booking APIs and calendar synchronization
  • Revenue Generation: Monetization strategies including premium features, affiliate partnerships, and subscription models
  • Business Planning: Market expansion, user acquisition strategies, and scaling infrastructure for growth
  • Advanced Analytics: Trip cost analysis, budget tracking, and travel insights dashboard

Built With

Share this project:

Updates