java-design-patterns icon indicating copy to clipboard operation
java-design-patterns copied to clipboard

Added Microservices UI Client side composition #2698

Open TarunVishwakarma1 opened this issue 1 year ago • 2 comments

What problem does this PR solve?

This PR implements the Client-Side UI Composition pattern, as described in issue #2698. The pattern allows the user interface to be composed on the client-side, using micro frontends and an API Gateway, ensuring a modular and flexible UI.

Close #2698

Key Elements of the Implementation:

  • Micro Frontends: Independent frontend modules that can be developed, tested, and deployed separately.
  • API Gateway: A routing mechanism that directs client requests to the appropriate microservices.
  • Client-Side Integration Layer: A dynamic layer that integrates the UI components into a cohesive user experience.
  • Asynchronous Data Fetching: Ensures non-blocking data loading for each frontend component, enhancing user experience.

Acceptance Criteria:

  • Micro frontends are developed as independent modules.
  • An API Gateway is implemented to route client requests securely and efficiently.
  • The client-side integration layer dynamically assembles the UI components.
  • Each frontend component fetches its data asynchronously using non-blocking mechanisms.

Testing and Documentation:

  • Comprehensive tests are included to ensure the integrity of the integrated UI components.
  • Detailed documentation is provided on setting up and using the Client-Side UI Composition pattern.

TarunVishwakarma1 avatar Oct 13 '24 18:10 TarunVishwakarma1

Please let me know if you have any suggestion or requirement regarding the PR.

TarunVishwakarma1 avatar Oct 13 '24 18:10 TarunVishwakarma1

Quality Gate Failed Quality Gate failed

Failed conditions
1 Security Hotspot

See analysis details on SonarQube Cloud

sonarqubecloud[bot] avatar Nov 18 '24 17:11 sonarqubecloud[bot]

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

stale[bot] avatar Dec 18 '24 23:12 stale[bot]

The required changes has been done. Please merge the pr.

TarunVishwakarma1 avatar Dec 19 '24 01:12 TarunVishwakarma1

Looks good! Thank you for the contribution 🎉

@all-contributors please add @TarunVishwakarma1 for code

iluwatar avatar Jan 06 '25 18:01 iluwatar

@iluwatar

I've put up a pull request to add @TarunVishwakarma1! :tada:

allcontributors[bot] avatar Jan 06 '25 18:01 allcontributors[bot]

Quality Gate Failed Quality Gate failed

Failed conditions
1 Security Hotspot

See analysis details on SonarQube Cloud

sonarqubecloud[bot] avatar Jan 06 '25 19:01 sonarqubecloud[bot]