Develop a demo Angular application that imitates a part of a larger app displaying data

about employees.

the app has only one page, displaying data

about one employee.

Use HttpClient of Angular in your application to retrieve the data from the dataUrl.

The image mentioned in the data is located at imageUrl.

Add the header and the footer components to your app.

The header component should display the title of your app.

The footer component should display your name and the current date and time.

Make your application reasonably pretty; customize CSS and use images.

Create a demo angular application that satisfies the above requirements. Do NOT use standalone components, and using Angular Material is not needed. It is also a requirement to use HttpClient for this program. The contents of dataUrl are stored in this format, in JSON:

$\{$

"firstName": "Minerva",

"lastName": "McGonagall",

"position": "Transfiguration Professor",

"contacts": $\{$

"phone": $"123-456-7890",$

"email": "minerva@hogwarts.witch"

$\},$

"witch": true,

"salary": $250000,$

"picture": "minerva.jpg$"$

$\}$

The url used for dataUrl is angular$/$data$/$mcgonagall$.$json

The url used for imageURL is angular$/$images$/$minerva$.$jpg

That is all. Please make sure you read the instructions carefully. Also, please do not just paste everything above into ChatGPT and use that for your answer. For one, it is not always correct, and it is also extremely obvious when you just copy paste whatever ChatGPT says. As well, make sure you label what page$/$component you are creating, and ensure that the code is easily readable. Cheers