Inspiration
We both travel often and planning a trip requires a lot of research, stress, and time switching between tabs on our devices. It slows down the process and we wanted to build a solution to help reduce the amount of time it takes to gather information about vacation plans.
What it does
Travel Aid is a one-stop site that helps users get directions to the closest airport, find any location on a map, get an accurate weather source for any entered city (or the location of the device), and convert currency when travelling out of the country.
How we built it
We used HTML, CSS, and JavaScript to build, style, and include functionality in all of our web pages. For the directions and weather, we included APIs to ensure that we give our users the most accurate data.
Challenges we ran into
We do not have a lot of any experience in JavaScript, and we had to learn the basics to ensure that our website accepted user inputs and outputted proper results. Neither of us have used APIs before, so we had to do some research and learn how to implement them in our JavaScript files.
Accomplishments that we're proud of
- We are proud of the directions tab where the user can input their address and find directions to the closest airport near them. The directions are sourced from Google Maps to ensure the quickest route.
- The weather page was heavily dependent on API and it was the first time we have used APIs before. We are proud of the end result and the page's ability to read the user's location data and input to generate the weather.
What we learned
We learned how to use JavaScript to implement functionality into web pages. We also learned how to import APIs and use the data inside them.
What's next for Travel Aid
We hope to update the weather site so that it can support cities in any country. We would also like to add a tab for airline flights, reporting the times and details of a flight to and from a user-inputted location.
Built With
- api
- css
- github
- html
- intellij-idea
- javascript
- notepad+
Log in or sign up for Devpost to join the conversation.