My Angular RxJS API Requests Lab

Open Live Demo

---

Features

• ✅ Display of courses with code, name, progression level, and syllabus link
• ✅ Responsive layout for mobile and desktop views
• 🔍 Focus on modular Angular components, clean UI structure, and course-based content presentation

---

Tech Stack

• Angular / TypeScript
• HTML / CSS
• Local JSON data (for course info)
• Netlify (for deployment)
• Figma (for visual design and layout planning)

---

My Angular RxJS API Requests Lab

Installation

npm install
ng serve

---

More about This Project

This is a frontend web application built with Angular that displays a structured list of academic courses. Each course entry includes its course code, name, progression level (A–C), and a link to the official syllabus.

The application is styled using custom CSS and is fully responsive, optimized for both desktop and mobile devices. Developed as part of a frontend development course, it functions as a digital CV or course portfolio, showcasing the developer’s academic background.

Course data is stored locally (or fetched via JSON) and rendered dynamically using Angular’s component-based architecture. The app is fully translated into English. If a course name changes in the future, the Swedish name will be displayed until a manual translation is added.

---

Folder Structure

Part of folder structure

---

Security

• ✅ Dependabot active
• ✅ Security policy configured
• ✅ Automatic CodeQL analysis

---

License

MIT – see LICENSE.md for details.

---