Skip to main content
NNguyễn Văn NguyễnFounder of NG AI Platform
VIEN
Prototype2026

NG Travel

Smart agritourism and the Mekong Delta – in person or online

Centred on NG AI Farm Park and linking the whole Mekong Delta: robot-guided tours, online tours via cameras and drones, an online market with delivery, gamified check-in journeys, trip planning and budgets.

Role
Founder – regional tourism research, product design, engineering
Year
2026
Status
Prototype
Source codeVideo demo

Source lives in the ngaiplatform GitHub organisation (private).

NG Travel

01The idea

Problem

Mekong orchards and craft villages are beautiful but hard for visitors to reach; people far away want the experience but can't travel; farmers could earn more from tourism if connected.

Insight

The farm's own technology – cameras, drones, robots – is itself a unique tourism experience.

Solution

A modular tourism platform: in-person visits with a robot guide, online visits with live cameras and produce shopping, 'homeland' journeys scored like a game.

Built for

  • Domestic and international travellers
  • Families, school trips
  • Orchard owners, craft villages, homestays

Goals

  • Bring visitors to NG AI Farm Park and nearby areas.
  • Increase income for orchards and craft villages.
  • Modular design to expand nationwide.

02Features

  • 01

    In-person and online tours

    NG-Guide robot, farmstay, meals; or fixed cameras, drones, live Q&A and an online market stall.

  • 02

    Gamified journeys

    GPS check-in within 0.5 km; complete a journey for badges and XP; create your own.

  • 03

    Itinerary and spending

    Auto-route by distance, lodging suggestions, cost estimates, spending vs budget.

  • 04

    Region, crafts, food

    History, people and customs per province; craft-village stories; eateries ranked by reviews.

  • 05

    Travel social feed

    Posts, place tags, ratings, comments, sharing.

03Design & decisions

  1. Silt colour and Lora type

    Why: Keeps the NG identity while adding silt tones and a serif for storytelling, evoking the Mekong.

  2. Domain modules

    Why: region, places, tours, journeys, planner… each module owns its data and views so new provinces slot in easily.

  3. Save immediately

    Why: Dropped 300 ms debounced saving after finding bookings could be lost on immediate reload.

04Architecture

  1. 01

    Client

    • Next.js SSG ~190 pages, SVG region map

  2. 02

    Algorithms

    • Distance-based routing, must-see stops, pace

  3. 03

    NG links

    • Cameras, drones, robots from NG AI Farm Park

05Tech stack

Front-end

  • Next.js 16 (App Router)
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • lucide-react
  • Geolocation API
  • SVG map
  • Lora

SEO

  • JSON-LD TouristAttraction, Event, BlogPosting
  • sitemap ~190 URL

Ops

  • Node.js 24 LTS
  • pnpm 12
  • Playwright (kiểm thử E2E)
  • Vercel

06Research

  1. Mekong tourism

    Compiled places, craft villages, a 12-month season calendar and specialities by province to suggest in-season trips.

  2. Itinerary algorithm

    A far-away must-see shouldn't always come first: lowered its priority and added time penalties for markets and cities for saner routes.

  3. Gamification

    GPS check-in within 0.5 km plus on-site codes balances anti-cheating with ease of use.

07Results

pre-rendered pages
189
places
28
in-person and online tours
9
check-in journeys
6
  • Eight flows tested: tour booking, e-tickets, online market, journeys, planner, spending, posts, robot.

08Demo & gallery

Demo video coming soon

09Lessons

Lessons

  • “One misplaced hidden element can double a mobile page's width – always check for overflow.”
  • “Agritourism is a natural bridge between city people and farmers.”

Next steps

  • Partner with the first orchards and craft villages.
  • Open NG AI Farm Park to visitors.