Featured Project

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
Timeline
September 2025 - Invalid Date
Category
professional
~15,000 lines of code
150+ files
1,500+ translation keys
3 languages

Overview

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

  • Built complete 5-step questionnaire system with date selection, interest selection, preference refinement, lifestyle preferences, and daily pace configuration
  • Integrated AI-powered itinerary generation via AWS Lambda with API proxy pattern for security and rate limiting (10 req/min)
  • Implemented drag-and-drop itinerary management using @dnd-kit with touch optimization for mobile devices
  • Developed admin portal with DynamoDB integration for bulk event imports (25 items/batch) and event viewer with filters
  • Created comprehensive i18n system supporting 3 languages (English, Traditional Chinese, Simplified Chinese) with 1,500+ translation keys

Key Achievements

  • ~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

Technologies Used

Next.js 15React 19TypeScriptTailwind CSS 4AWS Amplify Gen 2AWS CognitoAWS DynamoDBAWS Lambdanext-intl@dnd-kitZod

Tags

Full-StackNext.jsReactAWSAI Integrationi18nTourism
HKTB AI Trip Planner | Daniel Chen Qi Rong