Loading
Please wait...
Wanderlast
Users can explore destinations, search and sort travel options, book trips, and manage their profiles and booking history through a secure, responsive travel experience.
Tech Stack
Next.js 16React 19Tailwind CSSHeroUIFramer MotionLucide IconsMongoDBBetter AuthContext APIReact Toastify
Features
- Destination discovery with detailed travel information
- Live search and A-Z/Z-A sorting for destinations and bookings
- Trip booking and personal itinerary management
- User profile with travel and booking history
- Email/password authentication with Google OAuth
- Protected user routes with Better Auth sessions
- Polished loading states with animated feedback
- Responsive layouts for desktop, tablet, and mobile devices
Challenges
- Building a secure Better Auth flow with a MongoDB adapter
- Creating smooth destination search, sorting, and booking workflows
- Maintaining responsive UI and consistent loading states across protected pages
Learnings
- Working with the Next.js App Router and API routes
- Implementing Google OAuth and protected user sessions
- Using Tailwind CSS v4 with reusable responsive components
Future Improvements
- Add destination ratings and real-time reviews
- Introduce wishlist functionality for future trips
- Integrate direct booking payments and AI travel recommendations
Screenshots
