Journeo is a cutting-edge LLM-powered travel itinerary planner designed to help users generate personalized travel plans through an intuitive chatbot interface. By leveraging advanced language models and geolocation services, Journeo transforms travel planning into an interactive and engaging experience.
- Intelligent Chatbot Interface: Interact with an AI to generate personalized travel itineraries based on your preferences.
- Interactive Mapbox Map: Visualize your entire trip's locations with detailed, dynamic mapping.
- Real-time Itinerary Generation: Dynamically display routes, places, and travel details based on your input.
- Seamless Frontend-Backend Integration: Communicates with a FastAPI backend for intelligent itinerary generation and geolocation services.
- React (Frontend Framework)
- Tailwind CSS (Styling)
- Mapbox GL JS (Interactive Mapping)
- Lucide React (Icons)
- Axios (HTTP Requests)
Note: This is the frontend component of Journeo. You must also set up the Journeo Backend for full functionality.
-
Create a Mapbox account and obtain a Mapbox access token.
-
Clone the repository:
git clone https://github.com/eugene-lok/journeo-frontend.git cd journeo-frontend -
Install dependencies:
npm install
-
Set up environment variables:
- Create a
.envfile in the root of your project - Add your Mapbox access token:
REACT_APP_MAPBOX_ACCESS_TOKEN=your_mapbox_access_token
- Create a
-
Start the development server:
npm start
-
Open
http://localhost:3000in your browser.
For the server-side implementation, visit the Journeo Backend Repository.
- Allows users to describe their travel preferences
- Extracts key travel details like destination, budget, and duration
- Provides an intuitive way to generate personalized itineraries
- Displays locations from generated itineraries
- Shows routes between destinations
- Provides detailed information about each location
- Shows day-by-day breakdown of travel plans
- Includes location details, descriptions, and routes
- Supports day-by-day navigation