Inspiration
What it does
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for AI Travel Planner
AI Travel Planner
Inspiration
Planning a trip is exciting, but the process can quickly become overwhelming. People usually switch between multiple websites and apps to compare destinations, check weather, estimate budgets, create itineraries, and save travel plans.
I wanted to build a single platform that brings everything together. Instead of just generating an itinerary, my goal was to create an AI travel assistant that helps users make better travel decisions based on their interests, budget, and travel preferences.
What it does
AI Travel Planner is an AI-powered travel assistant that helps users plan complete trips from start to finish.
The application recommends destinations, estimates travel costs, creates personalized day-by-day itineraries, shows live weather, displays destinations on interactive maps, allows users to save their trips, and export travel plans as PDFs.
It also includes an AI chat assistant that answers travel-related questions in real time.
How I built it
I built the project using Next.js 16, React 19, TypeScript and Tailwind CSS for the frontend.
Google Gemini powers the AI travel consultation and itinerary generation.
Supabase provides user authentication and PostgreSQL database storage.
Open-Meteo API provides live weather information.
Leaflet is used for interactive maps.
jsPDF is used for PDF itinerary export.
The project is deployed on Vercel.
Challenges
One of the biggest challenges was designing an AI experience that feels useful instead of simply generating generic travel plans.
Another challenge was combining multiple travel tools into one application while keeping the interface simple and responsive.
Integrating authentication, database storage, weather, maps, PDF export and AI recommendations into a single workflow also required careful planning.
What I learned
This project helped me learn more about building AI-powered user experiences, prompt engineering, authentication with Supabase, modern React architecture, and integrating multiple APIs into one seamless application.
It also improved my understanding of designing products that solve real user problems instead of demonstrating AI alone.
What's next
In future versions I plan to add:
- Flight search and booking
- Hotel recommendations
- Visa information
- Expense tracking
- Group trip planning
- Offline itinerary access
- Multi-language support
- Smarter AI recommendations based on previous trips
My long-term goal is to build an intelligent travel companion that helps users before, during, and after every trip.
Built With
- api
- css
- framer
- gemini
- html5
- javascript
- jspdf
- jspdf-autotable
- leaflet.js
- motion
- next.js
- open-meteo
- postgresql
- react
- react-leaflet
- supabase
- tailwind
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.