d280-javascript/README.md

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

npm install

Run Development Server

ng serve

Navigate to http://localhost:4200/

Build for Production

ng build