aae8ac2e1d118bb2cd5a0153d1615e4dadb0302f
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 http://localhost:4200/
Build for Production
ng build
Git Repository
Repository: https://git.n8lab.io/Shenron/d280-javascript
Branch: Working
Course: D280 - JavaScript Programming
Institution: Western Governors University
Description
Languages
TypeScript
62.9%
CSS
19.9%
HTML
17.2%