# D280 - JavaScript Programming ## Interactive World Map with Angular **Student ID:** 010659768 ## Angular Version Information ``` Angular CLI : 21.1.4 Angular : 21.1.4 Node.js : 24.13.1 Package Manager : npm 11.8.0 Operating System : linux x64 Package Details: - @angular/build : 21.1.4 - @angular/cli : 21.1.4 - @angular/common : 21.1.4 - @angular/compiler : 21.1.4 - @angular/compiler-cli : 21.1.4 - @angular/core : 21.1.4 - @angular/forms : 21.1.4 - @angular/platform-browser : 21.1.4 - @angular/router : 21.1.4 - rxjs : 7.8.2 - typescript : 5.9.3 - vitest : 4.0.18 ``` ## Project Description Interactive world map application built with Angular. Click any country on the map to display data from the World Bank API. ## Six Data Properties Displayed 1. Country Name 2. Capital City 3. Region 4. Income Level 5. Longitude (Custom Property 1) 6. Latitude (Custom Property 2) ## Technical Requirements - **Framework:** Angular 21.1.4 - **Language:** JavaScript/TypeScript - **API:** World Bank API (https://api.worldbank.org) - **No External Libraries:** Only Angular framework ## Getting Started ### Install Dependencies ```bash npm install ``` ### Run Development Server ```bash ng serve ``` Navigate to `http://localhost:4200/`