Welcome to the World Population Web App! This JavaScript-based application is designed to help users explore population data from around the world. Built on the module design pattern, it provides an intuitive interface for visualizing population statistics by continent, country, and city.
- Interactive UI: Click on continent buttons to discover population data for each continent.
- Population Charts: Dynamic charts display population statistics for countries and cities.
- Loader: A loader element indicates when data is being fetched from APIs, enhancing user experience.
- Error Handling: Graceful error messages are displayed to users if API requests fail, ensuring smooth interaction.
To run the World Population Web App locally, follow these steps:
-
Clone the repository:
git clone https://github.com/DanielYehezkely/world-population-JS
-
Navigate to the project directory:
cd world-population
-
Open
index.htmlin your web browser.
- Continent Selection: Simply click on a continent button to view population data for countries within that continent.
- Country Exploration: After selecting a continent, click on a country button to explore population data for cities within that country.
- JavaScript: The core programming language used for the application logic. JavaScript enables dynamic interactions and data manipulation, allowing for real-time population data visualization.
- HTML: Structure and layout of the web pages. HTML provides the foundation for creating the user interface elements and content structure.
- CSS: Styling and visual presentation of the user interface. CSS is used to enhance the design and user experience by applying styles to HTML elements.
- Chart.js: A popular JavaScript library for creating dynamic and interactive charts. Chart.js is utilized to generate visually appealing population charts and graphs, enhancing data visualization capabilities.