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/

Description
WGU D280 - JavaScript Programming - Angular World Map Project
Readme 649 KiB
Languages
TypeScript 62.9%
CSS 19.9%
HTML 17.2%