WEATHER DASHBOARD

A project based on Javascript, HTML 5, CSS and free APIs to demonstrate how to obtain data and print the values for each array element when the program is executed.

TRY IT HERE! Version 1.0

This webtool also makes use of TWO APIs:

• https://restcountries.eu/#api-endpoints-all
• https://openweathermap.org/api/one-call-api#current

How does it work?

1. When the page has loaded, the MAIN tag at the HTML will be empty, but once the program loads by the click listener of the search button, then new tags will be created. Take a look at the HTML
2. In the Javascript file, the first API to load information is Rest Countries API. This service retrieves additional data like the multiple versions of the country's name. This is how the program searches the country and then retrieves information for the weather. Take a look at the JS
3. Now that we have the name, Open Weather API loads the weather conditions for the chosen country.
4. Finally, the Javascript creates the HTML tags to print the data.

Get the weather and additional data from any country in the world

You can find a country by typing the name in any of the available languages at the program. Attention: This version of the program recognizes only names without typos.

• English
• Spanish
• Dutch
• Portuguese
• Japanese
• French
• Italian
• And more...

A forecast webtool

Any country you are interested. You only need to type the name and press Enter or click the button to obtain results. The data is updated by minute, so everytime you search, the program shows updated info about the country's weather.

1. Enter the name in the search bar
   • Remember to enter the name without typos
   • If the input has typos, the program will not show any results
   • Forget about Capital letters, the APP will do it for you
2. Press ENTER key or CLICK the search button
3. GET the data you are looking for

It's more than a weather APP!

If you are looking for the weather, then you must be also interested in some other facts. Every result will show additional data related to the country to document the most important facts about the place you are looking for. You may find:

• The Flag
• The actual hour
• Related names to the country
• Citizenship
• Continent and region
• Timezones, Sunset, and Sunrise hour
• Population and languages
• Currencies and frontiers

It's Mobile first!

The website prioritize mobile displays, so give it a try in your mobile phone.