https://github.com/sarasjodin/my-angular-api-requests-lab
A personal course list app built with Angular and TypeScript. Displays courses, progression, and syllabus links in a structured and responsive format.
https://github.com/sarasjodin/my-angular-api-requests-lab
angular course-list portfolio responsive-design typescript
Last synced: 3 months ago
JSON representation
A personal course list app built with Angular and TypeScript. Displays courses, progression, and syllabus links in a structured and responsive format.
- Host: GitHub
- URL: https://github.com/sarasjodin/my-angular-api-requests-lab
- Owner: sarasjodin
- License: mit
- Created: 2025-06-16T16:40:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-20T11:16:58.000Z (11 months ago)
- Last Synced: 2025-07-20T13:07:18.898Z (11 months ago)
- Topics: angular, course-list, portfolio, responsive-design, typescript
- Language: TypeScript
- Homepage: https://my-angular-api-requests-lab.netlify.app
- Size: 2.24 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# My Angular RxJS API Requests Lab
[](https://app.netlify.com/projects/my-angular-api-requests-lab/deploys)
---
## 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
```bash
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.
---