This is a fully functional Angular project built I built for WGU’s D280 - JavaScript Programming course. The application displays an interactive map interface where users can explore different regions and gain information about selected areas. Built using modern Angular best practices and TypeScript.
This project is part of my portfolio and demonstrates frontend development proficiency using a modern JavaScript framework.
- Interactive map UI with clickable regions
- Dynamic content rendering based on user interaction
- Responsive layout optimized for both mobile and desktop
- Modular component design using Angular CLI
- TypeScript-based structure for scalability and maintainability
- Angular
- Angular CLI
- TypeScript
- HTML5 / CSS3
- Visual Studio Code
- Angular Version: 18.2.8
- Angular CLI: 18.2.8
- Node.js: 20.18.0
- npm: 10.8.2
- Operating System: Windows 10 (win32 x64)
WorldMapApp/
├── src/
│ ├── app/
│ │ ├── components/
│ │ ├── services/
│ │ └── app.module.ts
│ ├── assets/
│ ├── index.html
│ └── main.ts
├── angular.json
├── package.json
├── tsconfig.json
└── README.md
About the Developer:
Hello and welcome, I’m Kyle Allen I am a passionate developer transitioning into software engineering after 16 years of experience in robotics and automation. I’m currently pursuing my Software Engineering degree at WGU while building real-world projects to strengthen my skills in modern web development.
Background in robotics, controls, industrial automation, and maintenance.
Current student at Western Governors University (WGU).
Strong foundation in programming logic and problem solving.
Actively building a full-stack portfolio using Node.js, Angular, MongoDB, and more.
This project is part of my personal growth journey as I transition into full-time software development. I'm eager to bring my technical experience and dedication to a forward-thinking development team.