GO +2.4%|K8S +1.1%|TS +3.0%|NEXT +1.8%|PAYMENTS +4.2%|REDIS -0.6%|POSTGRES +0.9%|AWS +1.4%|DOCKER +0.7%|JAVA -0.3%|SPRING +1.2%|REACT +2.1%|MT5 +5.6%|UPTIME 99.9%|GO +2.4%|K8S +1.1%|TS +3.0%|NEXT +1.8%|PAYMENTS +4.2%|REDIS -0.6%|POSTGRES +0.9%|AWS +1.4%|DOCKER +0.7%|JAVA -0.3%|SPRING +1.2%|REACT +2.1%|MT5 +5.6%|UPTIME 99.9%|
Featured Projectprofessional

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.

projects.detail.detailContext

Role

Platform & DevSecOps Engineer

Timeline

September 2025 - December 2025

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