Skip to content

Toni-Zoaretz/AS-Project-World-Population-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌱 API-Project-World-Population

I was given a task @AppleSeeds Bootcamp to to build responsive API Chart with all the continents and countries population data.
I implement the project using HTML,CSS,JavaScript.

Project link:

https://api-world-population.netlify.app/

Reference Project link:

https://www.youtube.com/watch?v=LrF3lBR-Zm8&ab_channel=CodingTogether

Chart Instructions

✅Button display of the continents and all the countries that belong to that continent.
✅By clicking on the country button, a display chart of the entire population in that country
✅By clicking on a specific country, a display chart of the cities in that country and the amount of population in the cities
✅Notification to the user when there is a country for which there is no information
✅Load spinner by clicking any button on the page

Screenshots

Alt text

plot

plot

plot

Deployment

To deploy this project run

  ./index.html