← BACK TO PORTFOLIO
Wandr Travels
TravelAIFull-Stack
Tech Stack
Next.js 16TypeScriptTailwind CSS v4ShadCN UIFramer MotionTanStack Query v5React Hook FormZodNode.jsExpress.jsPostgreSQLPrismaOpenAI GPT-4oGoogle Gemini Pro
Wandr Travels is a cutting-edge, AI-powered travel intelligence platform designed to transform how travelers discover, plan, and experience the world. Unlike traditional listing sites, Wandr Travels understands user intent, preferences, and budget to build fully personalized, day-by-day itineraries and provide real-time travel assistance.
⚡ Challenges Faced
- ✦Architecting the AI Logic — Implementing a Context-Aware Memory System for the chat assistant, ensuring it understands the trajectory of a traveler's planning process rather than just answering one-off questions.
- ✦Reliable Structured Data — Creating a robust validation layer using Zod and JSON Schemas to ensure AI's itinerary outputs always match frontend's day-by-day UI components without crashing.
- ✦User-Friendly Complexity — Using Atomic Component Design to keep the UI clean while providing deep functionality, abstracting complex business logic into custom React Hooks and Middleware.
- ✦Performance & Streaming — Implementing Streaming Responses (Server-Sent Events) so users see results immediately, significantly improving perceived performance and user experience.
🚀 Future Implementations
- ✦Integrated Booking & Payments — Direct hotel and activity bookings powered by Stripe.
- ✦Interactive Map Integration — Google Maps API for real-time navigation and destination pins.
- ✦AI Voice Assistant — Hands-free travel planning via Web Speech API.
- ✦Global Reach — Multi-language support (i18n) and localized content for international travelers.
- ✦Collaborative Planning — Real-time 'Trip Rooms' where friends can plan itineraries together.
- ✦Mobile Experience — Dedicated iOS and Android apps built with React Native.