Day Trip Planner
Overview
Day Trip Planner is a dynamic, user-friendly application designed for individuals looking to explore a city within a single day. Leveraging the power of the Yelp API, Google Maps API, and ChatGPT API, our application curates a personalized itinerary featuring top-rated eateries across various price levels and cuisine types and various fun activities. Users can discover new places, visualize their day's journey on a map, and enjoy structured, informative itineraries for an unforgettable day out.
Features
- Personalized Itinerary Creation: Generates a custom daily plan based on user preferences for cuisine, price level, and location.
- Interactive Map Visualization: Utilizes Google Maps API to display locations on maps, enabling users to navigate their day with ease.
- Diverse Culinary Exploration: Offers recommendations from a wide range of food types and dining experiences, sourced through the Yelp API.
- Dynamic Itinerary Updates: ChatGPT API integration allows for a well-curated itinerary.
Inspiration
The inspiration for Day Trip Planner stemmed from our desire to find something fun to do on weekends.
How we built it
We built Day Trip Planner using React for the frontend and integrated various APIs including Yelp and Google Maps for data retrieval and visualization. The backend services were managed with Node.js, Express, and Axios.
Challenges we ran into
One of the key challenges was optimizing the user experience and ensuring real-time updates on the map based on user selections. Another challenge we ran into was integrating multiple APIs seamlessly.
Accomplishments that we're proud of
We're proud of creating a user-friendly interface that offers dynamic itinerary generation and map visualization. Our accomplishment lies in delivering a functional tool that simplifies trip planning for users.
What we learned
Through this project, we learned valuable skills in frontend development, API integration, and full stack development. We gained insights into user experience design and the importance of responsive web applications.
Installation
- Clone the repository to your local machine. git clone https://github.com/yourusername/day-trip-planner.git
- Navigate to the project directory. cd day-trip-planner
- Install necessary dependencies. npm install
- Create a
.envfile in the root directory and populate it with your API keys: YELP_API_KEY=your_yelp_api_key_here GOOGLE_MAPS_API_KEY=your_google_maps_api_key_here OPENAI_API_KEY=your_openai_api_key_here - Start the application. npm start
What's next for Day Trip Planner
In the future, we aim to enhance Day Trip Planner by adding more features such as user authentication, sharing, and improve the selection of activities. We also plan to expand our database of locations and activities to offer broader options to users.
Group Members
Aaron Chiuwei, Kile Hsu, Shrey Gandhi, Varun Sharma
Project Link: (https://github.com/aaronchiuwei/DayTripPlanner)
Log in or sign up for Devpost to join the conversation.