Create a Micro Angular App

1. Create a new project by running ng new CustomPanelTestApp
2. Create a new component ng generate component CustomPanelTest
3. Add HTML code that you want to see on the Anchor Panel. Refer to Micro Angular App Design Recommendations.
4. Create a new service in Custom Panel folder. In that service, call the existing APIs. (GET, SAVE).

5. Call the APIs in the component and verify if you are receiving the response or not.
6. Create a new folder API-Interceptor and create a new service in that folder. In this service, write the code to change the URL and then send the authorization key values in the request header.

7. Add reference of the interceptor service in the app.module. Also, add the reference for CustomPanelTestComponent.

8. Using the below code, you will be able to access/use the events triggered from the application, inside the custom anchor panel. This will receive the details of the events posted from the application.

9. Now the MicroApp is ready.
10. Run ng serve and verify if the Micro App is running properly.
11. Run ng build --base-href /custom/custom Panel TestApp/. This will create a dist folder in the project.
12. Inside dist folder, there will be a folder with the same name as project name.
13. You can use this folder to deploy the Micro App in the server.