89872417e8087d748f43db062bac2c855c407991
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
- Country Name
- Capital City
- Region
- Income Level
- Longitude (Custom Property 1)
- 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
npm install
Run Development Server
ng serve
Navigate to the local development server URL displayed in the console.
Build for Production
ng build
Description
Languages
TypeScript
62.9%
CSS
19.9%
HTML
17.2%