zhamri/angular-get-api repository overview

⁠A Dockerized Angular Application for Displaying User Data from JSONPlaceholder API

Zhamri Che Ani
School of Computing, Universiti Utara Malaysia, Malaysia
Email: [email protected]⁠

⁠Published Date: 01 November 2025

⁠Abstract

This module demonstrates how Angular, a popular frontend framework, can be seamlessly integrated with a REST API in a Dockerized environment. By leveraging the JSONPlaceholder API as a simulated backend, an Angular application is developed to retrieve and display user information in a structured interface. The Docker container encapsulates the entire application, ensuring consistency, portability, and ease of deployment across different platforms. This approach highlights the efficiency of containerization in modern web development workflows and showcases how developers can rapidly prototype, test, and deliver frontend applications without dependency conflicts. The example serves as a beginner-friendly yet technically relevant model for understanding API consumption, container-based development, and the value of microservice-inspired application packaging.

⁠Acknowledgements

The actual data can be seen here: "https://jsonplaceholder.typicode.com/users⁠".

⁠Steps to Launch the Application

⁠1. Open your terminal/command prompt.

docker run -d -p 3000:80 zhamri/angular-get-api

⁠2. Then open your web browser:

Example: Google Chrome, Safari, etc

http://localhost:3000