• 

  title

• 

  choose a country, start date and end date

• 

  trip loading screen

• 

  trip overview

• 

  daily itinerary

• 

  user page; view recent trip history

GADC

Project for the Gemini AI Developer Competition - 2024

How we built it

Backend

Our backend was built using express.js. Upon calling /api/generate, our server returns a schema-customized JSON file by Gemini AI listing the activities and locations for each day. We used the Amadeus API to find nearby hotels for each day.

Also, we provide users with the option to login with Google - we used auth0 to handle logging in and store the user's previous travels using MongoDB.

Frontend

Using React.js and Tailwind CSS, we created a seamless and dynamic web page with assets drawn in Photoshop. The parallax effect, loading screen and search bar were imported as components from React.js libraries.

Lastly, our interactive maps on the trip overview and itinerary viewer page were created using the Mapbox API.

Built With

• css
• express.js
• gemini
• javascript
• mapbox
• next.js
• react.js
• tailwindcss