Dream Travels

The login screen users see when they sign in to their account
The main screen after the user logs in.
The user can search up a city here
The search function returns a list of places that are categorized
Customizable dashboards of a dream vacation from the searched destinations.

Note: we were going to deploy our website using the domain name slaycayadventures.tech Screen recorded from filmora editing software (no music): https://youtu.be/dog244y6Z3c Filmora watermark version (black screen covers the first half of the vid): https://youtu.be/HW6hm-siNFo

Inspiration

Trip planning can be time-consuming and overwhelming. What if there was a simple and easy way to identify top attractions, plan your dream travel, and coordinate with others?

What it does

You input the name of a city you want to visit, and it will show you the top attractions sorted by 5 categories: Food & Drink, Arts & Entertainment, Shops & Services, Nightlife Spots, and Outdoors & Recreation. Clicking on one of these attractions allows you to save it to your Dream Dashboard, where you can explore, plan and collaborate on trips with others!

How we built it

The website is built on React with the React Router for routing and CSS for styling. The user inputs their desired city, and attractions are gathered from the Foursquare API. The search query is modified depending on the selected category.

Challenges we ran into

It was challenging to a free alternative Google Maps API to search for attractions. Many APIs did not provide the information we needed for our project or were paid. Once we found the API, it was difficult to integrate the API to display the selected queries, as the response data was not always structured and behaved as expected. Additionally, adjusting the styling of the website to ensure a consistent and clean design was also a challenge.

Accomplishments that we're proud of

Being able to deploy a website in 23 hours!

What we learned

We learned how to integrate the Foursquare API into the backend, use HTML/CSS styling, and GitHub for version control. Most importantly, we learned to work as a team and meet new people during this event!

What's next for Dream Travels

Integrating a database to allow for functional accounts, collaboration and saving search entires. Including more information for travel planning, such as hotels and flights with the ability to sort by price.