HKTB AI Trip Planner
Full-stack AI-powered trip planning platform with 5-step questionnaire, drag-and-drop itinerary management, and admin portal for event management.
- Role
- Platform & DevSecOps Engineer
- Type
- Built in my full-time job at Appnovation
- Period
- Sep 2025 to Dec 2025
Built production-ready AI trip planning platform for Hong Kong Tourism Board from scratch. Features interactive multi-step questionnaire system, AI-powered itinerary generation via AWS Lambda, drag-and-drop itinerary customization, and comprehensive admin portal for event management with DynamoDB integration. Supports 3 languages with 1,500+ translation keys.
What I built
- 01Built complete 5-step questionnaire system with date selection, interest selection, preference refinement, lifestyle preferences, and daily pace configuration
- 02Integrated AI-powered itinerary generation via AWS Lambda with API proxy pattern for security and rate limiting (10 req/min)
- 03Implemented drag-and-drop itinerary management using @dnd-kit with touch optimization for mobile devices
- 04Developed admin portal with DynamoDB integration for bulk event imports (25 items/batch) and event viewer with filters
- 05Created comprehensive i18n system supporting 3 languages (English, Traditional Chinese, Simplified Chinese) with 1,500+ translation keys
Stories worth telling
~15,000 lines of code across 150+ files
Multi-language support with 1,500+ translation keys across 3 languages
Production-ready with comprehensive security layers (JWT, rate limiting, input validation)
Admin event import system with batch processing and HKTB format support
Drag-and-drop itinerary customization optimized for mobile
Numbers
- ~15,000 lines of code
- 150+ files
- 1,500+ translation keys
- 3 languages
Stack
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS 4
- AWS Amplify Gen 2
- AWS Cognito
- AWS DynamoDB
- AWS Lambda
- next-intl
- @dnd-kit
- Zod