Frontend - Team Travel Chat Interface

React-based chat interface for team travel planning discussions.

Features

  • Real-time messaging with Server-Sent Events
  • Persistent author name in localStorage
  • Auto-scroll to latest messages
  • Connection status indicator
  • Responsive design with TailwindCSS

Files

  • index.html - Main HTML template with embedded React app
  • Inline React components using createElement (no JSX compilation needed)

User Experience

  1. Enter your name (saved automatically for future visits)
  2. Type travel-related messages
  3. Messages appear instantly for all users
  4. Connection status shows real-time sync status

Styling

Uses TailwindCSS via CDN for responsive, modern styling without build steps.