Phase A: Initial project setup with Angular 21.1.4

README.md

@@ -0,0 +1,78 @@
+# D280 - JavaScript Programming
+## WGU Project - Interactive World Map with Angular
+
+**Student ID:** [TO BE PROVIDED]
+
+## 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
+
+This project develops an interactive world map using the Angular framework. The application features:
+- Visual interface with SVG map
+- Mouse event handling for country selection
+- World Bank API integration for country-specific data
+- Two-column layout displaying map and country information
+
+## Technical Requirements
+
+- **Framework:** Angular 21.1.4
+- **Language:** JavaScript/TypeScript
+- **IDE:** VS Code / IntelliJ Ultimate
+- **Version Control:** Gitea (git.n8lab.io)
+- **Branch:** Working (for all development commits)
+
+## Project Structure
+
+- Phase A: Repository & Configuration
+- Phase B/E: UI Layout (two-column design)
+- Phase C/G: World Bank API Integration
+- Phase D: Angular Routing Configuration
+- Phase F: SVG Interactivity & Event Binding
+
+## Data Displayed (6 Properties)
+
+1. Country Name
+2. Country Capital
+3. Country Region
+4. Income Level
+5. [Custom Property 1]
+6. [Custom Property 2]
+
+## Getting Started
+
+```bash
+npm install
+ng serve
+```
+
+Navigate to `http://localhost:4200/`
+
+## Build
+
+```bash
+ng build
+```
+
+Build artifacts will be stored in the `dist/` directory.