✨ Wanderlust – Your Smart Travel Companion
🌟 Inspiration
Planning trips has always been exciting, but honestly — it gets frustrating juggling between 5 different apps just to figure out where to go, what to pack, and what the weather will be like.
So I thought, "Why not build one smart travel assistant that does it all?"
That’s how Wanderlust started — to make travel simple, smart, and enjoyable.
🚀 What I Built
Wanderlust is a React-based web app that helps you:
- 🔍 Search any destination and view it on an interactive map
- 📚 Explore detailed guides about the place (attractions, tips, food)
- 🌤️ Get real-time weather info and forecasts
- 🤖 Generate a full AI-powered travel itinerary with just a few clicks
It brings everything you need for planning a trip — in one single website.
🛠️ Tech Stack
- Frontend: React, HTML, CSS
- APIs Used:
- 🗺️ Google Maps API – for destination search and location display
- 🌦️ OpenWeatherMap API – for weather info
- 🤖 OpenAI API – to generate personalized trip plans
- 🗺️ Google Maps API – for destination search and location display
I used React Router for navigation, Axios for API calls, and focused on responsive UI design for both desktop and mobile.
📚 What I Learned
- Integrating multiple APIs in a single React project
- Writing clean, reusable React components
- Prompt engineering to get structured trip plans from OpenAI
- Handling async API responses and errors smoothly
- Designing a user-friendly and responsive interface
🧗 Challenges I Faced
- Getting Google Maps and markers to sync correctly with user input
- Designing the trip planner to format AI responses into neat, day-wise itineraries
- Making everything responsive for different screen sizes
- Managing multiple API keys securely while testing and deploying
💬 Final Thoughts
Wanderlust started as just an idea — but building it helped me learn how to turn that idea into something real.
It showed me how AI, APIs, and good design can come together to solve real problems.
I’m excited to keep improving it and maybe even add features like trip sharing, saving favorites, or multi-language support.
Thanks for checking it out! 😊
Built With
- api
- axios
- bootstrap
- code
- css
- css3
- es6+)
- firebase
- github
- gpt
- html5
- javascript
- maps
- netlify
- openai
- openweathermap
- react
- react.js
- router
- tailwind
- vercel
- vs

Log in or sign up for Devpost to join the conversation.