77 lines
1.6 KiB
Markdown
77 lines
1.6 KiB
Markdown
# 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/`
|
|
|
|
### Build for Production
|
|
```bash
|
|
ng build
|
|
```
|
|
|
|
## Git Repository
|
|
|
|
**Repository:** https://git.n8lab.io/Shenron/d280-javascript
|
|
**Branch:** Working
|
|
|
|
---
|
|
|
|
**Course:** D280 - JavaScript Programming
|
|
**Institution:** Western Governors University
|