CityQuest – AI-Powered Tour Planner
An interactive web app that generates custom walking tours using Google Maps, AI and real-time data.
Overview
CityQuest is a full-stack Next.js application that helps users plan unique city adventures. By selecting a theme (such as pub crawl, coffee tour, or family day), the app intelligently finds relevant venues nearby or between two locations. Stops are organised into a clear, draggable timeline that users can customise, and the route is displayed live on an interactive map.
The tool combines Google Maps APIs with custom logic for place selection, routing, and spacing. It ensures variety, avoids duplicate results, and adapts to user preferences like maximum walking time or number of stops. A clean UI guides users through three stages: selecting a quest, choosing start/destination, and reviewing/editing their personalised route.
Results
- Delivers curated walking tours tailored to interests and time constraints.
- Interactive drag-and-drop interface to refine and regenerate routes instantly.
- Seamless integration of Google Maps, Places, and AI logic for smart suggestions.
Tech Stack
- Framework: Next.js (React + API routes)
- Libraries: dnd-kit, Tailwind/Bootstrap, Google Maps JS SDK
- APIs: Google Places, Routes, Directions
- Hosting: Render
Role
Full design and development: frontend React UI, backend API routes, Google Maps/Places integration, testing, and deployment.
Start a Project
