Inspiration

Travel planning is often overwhelming, especially when trying to optimize routes, discover must-see places, and stay within a budget. We wanted to create a tool that leverages AI and real-time data to make trip planning effortless, fun, and highly personalized. Our inspiration came from our own struggles with planning multi-stop road trips and the desire to help others explore the world more easily.

What it does

GoTripAI is an intelligent travel planner that helps users create optimized road trips. Users simply enter their origin and destination, select their preferences (like daily driving time or arrival date), and GoTripAI automatically:

  • Calculates the best route
  • Suggests tourist attractions along the way
  • Splits the journey into manageable segments
  • Finds hotels for each segment within the user’s budget
  • Saves the trip for later viewing and sharing

How we built it

  • Frontend: Built with Next.js (App Router), React, and Tailwind CSS for a modern, responsive UI.
  • Authentication: Clerk for secure user sign-in and management.
  • Maps & Places: Google Maps API for geocoding, directions, and place details.
  • Backend/Data: Firebase Firestore for storing user trips and trip data.
  • AI/Logic: Custom algorithms for route splitting, tourist place selection, and hotel matching.
  • UX: Framer Motion for smooth animations and loading overlays.

Challenges we ran into

  • Integrating multiple APIs (Google Maps, Firebase, Clerk) and handling their rate limits and quirks.
  • Ensuring accurate geocoding and route calculations for international locations.
  • Designing a UI that is both powerful and easy to use, especially for complex multi-step flows.
  • Managing asynchronous data fetching and providing clear feedback to users during long operations.

Accomplishments that we're proud of

  • Seamless, step-by-step trip creation experience.
  • Automatic route segmentation and hotel matching.
  • Real-time feedback and beautiful, animated UI.
  • Robust error handling and user guidance throughout the process.

What we learned

  • The importance of clear user feedback during long-running operations.
  • How to combine multiple data sources and APIs to create a unified experience.
  • Advanced React and Next.js patterns for state management and routing.
  • The value of user-centric design in travel applications.

What's next for GoTripAI

  • Add collaborative trip planning and sharing features.
  • Integrate more data sources (e.g., restaurants, events, local experiences).
  • Support for public transport and alternative travel modes.
  • Smarter AI recommendations based on user preferences and past trips.
  • Mobile app version for on-the-go planning.

Built With

Share this project:

Updates