London Tour Guide Web App

A comprehensive web application for exploring London's top attractions and planning your perfect tour.

Features

  • šŸ›ļø Interactive map of London attractions
  • šŸ“ Detailed information about each location
  • ⭐ Ratings and visitor information
  • šŸš‡ Transportation details
  • šŸ“± Responsive design for mobile and desktop
  • šŸŽÆ Tour planning and recommendations

Project Structure

ā”œā”€ā”€ backend/
│   ā”œā”€ā”€ index.ts             # Main Hono server
│   └── data/
│       └── attractions.ts   # London attractions data
ā”œā”€ā”€ frontend/
│   ā”œā”€ā”€ index.html          # Main HTML template
│   ā”œā”€ā”€ index.tsx           # React app entry point
│   └── components/
│       ā”œā”€ā”€ App.tsx         # Main app component
│       ā”œā”€ā”€ AttractionCard.tsx
│       ā”œā”€ā”€ AttractionDetail.tsx
│       └── TourPlanner.tsx
└── shared/
    └── types.ts            # Shared TypeScript types

Getting Started

  1. The app runs on the backend HTTP endpoint
  2. Visit the main URL to access the tour guide interface
  3. Browse attractions, view details, and plan your London tour!

Tech Stack

  • Backend: Hono (TypeScript)
  • Frontend: React 18.2.0 with TypeScript
  • Styling: TailwindCSS
  • Data: Static JSON data for London attractions