Travel Vision

App project @ Wild Code School, June 2021 EN remote.

Link

🛫 Students:

• Salvatore 📋 linkedin ✍ notes

• Lorianne 📋 linkedin ✍ notes

🛫 Concept, functionality and features:

An app that helps the user seeking to travel, 'visualize' their destination country.

Upon entering a chosen country and city, it displays the following data for that location:

• Weather forecast
• News headlines
• Currency exchange rates
• Health watch (Coronavirus stats and travel information)
• Current time
• Greeting 'Hello' in chosen country's language
• A book a flight link (redirecting to skyscanner)
• A contact form powered by back-end

🛫 APIs used:

• Corona Graph
• OpenWeather
• Country State City API
• NewsAPI
• Graph Countries
• Amadeus

🛫 Tools used:

• HTML / CSS / JavaScript
• Visual Studio Code
• Jira
• React
• Axios
• Figma
• Photoshop
• Google Docs
• Vivify
• NPM
• Express
• MySQL
• Heroku

🛫 Future Implementations:

We'd like to add an interactive map via Google Maps, where the user can scan their chosen destination and have a display of restaurants, hotels and points of interest. This alongside a login feature through which they can save their favourite destinations and create itineraries based on their chosen points of interest from the map.

🛫 Comments:

Salvatore

Travel-Vision is my first project after two months and a half of learning React. I must say that I've enjoyed every single moment while building it. It was challenging, fun and at times stressful but I'm extremely proud of the result and what I've learned through it. Since you never really finish building an app/website I'm looking forward to further develop new features and functionalities while improving current ones.

Lorianne

We divided components between us at first and eventually the collaboration became more merged via each others' strengths and weaknesses, thus developing an idea into a completed (though is it?) product.

I put a lot of focus on the design and structure of the site, being pretty comfortable with HTML, CSS and design, though I enjoyed challenging myself with what we'd been recently learning on the bootcamp, such as React, making API calls, general JavaScript and the last implementation of back-end through the contact form.

We managed to finish what we set out to do ahead of schedule and were then able to improve upon it. The HealthInfo.js component was in my roster and formerly calling to a rather vague API, but Salvo later found a more complete one which he had to tweak through back-end implementation, making the component what it came out to be which we're very pleased with.

Another one of my tasks, components Weather.js and WeatherInfo.js was pretty straighforward, the Open Weather API has been a dream right from the start.

The Greeting.js component was pulling the "Hello"s from an API we found to have more than half of the greetings missing, so we turned it into hello.js and added the greetings manually, thanks Google for that.

At the end of it we see how much and how quick we've progressed in our journey, because there are things we now would have done differently, but we'll leave that for later projects and see Travel Vision as a great stepping stone on our journey to become web developers.