This is the frontend for Journeo, an LLM-based travel itinerary planner. It allows users to input their travel preferences such as budget, destinations, and duration to generate a personalized travel itinerary with OpenAI's GPT. Locations from this itinerary are displayed on an interactive map.
- User-friendly form to input travel preferences.
- Displays an interactive map using Mapbox, with dynamically generated locations.
- React
- Tailwind CSS
- Mapbox GL JS
Note: This is only the frontend of the application. You will need to set up and run the backend as well 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
-
Install dependencies:
npm install
-
Set up environment variables:
- Create a
.env
file in the root of your project and add your Mapbox access token.
REACT_APP_MAPBOX_ACCESS_TOKEN=your_mapbox_access_token
- Create a
-
Start the development server:
npm start
-
Visit
http://localhost:3000
in your browser to see the application. Ensure the backend has been setup and is running as well.