Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Microservices UI Client side composition #2698 #3062

Open
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

TarunVishwakarma1
Copy link

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.

Added ClientSideCompositionTest, ApiGateway, ClientSideIntegrator, FrontendComponent, CartFrontend, ProductFrontend, updated pom.xml, ReadME.md.
@TarunVishwakarma1
Copy link
Author

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

microservices-client-side-ui-composition/ReadME.md Outdated Show resolved Hide resolved
microservices-client-side-ui-composition/pom.xml Outdated Show resolved Hide resolved
microservices-client-side-ui-composition/pom.xml Outdated Show resolved Hide resolved
Copy link

sonarcloud bot commented Nov 18, 2024

Quality Gate Failed Quality Gate failed

Failed conditions
1 Security Hotspot

See analysis details on SonarQube Cloud

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Microservice pattern: Client-side UI composition
2 participants