IP Library › Granted Patent US 12,375,549
Granted Patent B2
US 12,375,549 · App. 18/326,819 · Granted Jul 29, 2025

Systems and methods for generating micro frontend dependent applications without use of a shell application

Inventors: Christopher Boudreau (McLean, VA); Scott Gamon (Pleasanton, CA); Carlos Victorica-Orozco (Oakland, CA); Doorva Shandilya (McLean, VA)
Assignee: Capital One Services, LLC
H04L67/025G06F3/04847
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,375,549
App. No.
18/326,819
Granted
Jul 29, 2025
Kind
B2
Abstract

Systems and methods for a frontend architecture that comprise a first application that hosts a plurality of functions. The plurality of functions selects specific micro frontend fragments for specific applications. As the plurality of functions may select specific micro frontend fragments for specific applications at runtime and thus provide the needed governance, all new micro frontend fragments and their associated APIs may be onboarded immediately.

Claims (94)

1. A system for generating micro frontend dependent applications featuring consistent application design and dynamically-determined application content across computer networks for application developer-specific application development, the system comprising:

one or more processors; and

one or more non-transitory, computer readable mediums comprising instructions recorded thereon that when executed by the one or more processors cause operations comprising:

receiving a first user input, wherein the first user input comprises a first function for including in a micro frontend dependent architecture, wherein the first function provides encapsulation of, and interoperability between, a first set of function dependencies, and wherein the first function corresponds to a first micro frontend fragment of a plurality of micro frontend fragments;

receiving a second user input, wherein the second user input defines a first application design attribute for the first function, wherein the first application design attribute comprises a design identifier for where the first function is presented in the micro frontend dependent architecture;

receiving a third user input, wherein the third user input defines a first application content attribute for the first function, wherein the first application content attribute comprises a content identifier for content populated in the first function in the micro frontend dependent architecture;

receiving a fourth user input, wherein the fourth user input requests generation of the micro frontend dependent architecture, wherein the micro frontend dependent architecture includes a first application;

populating, by the first micro frontend fragment, the first function with first application content in the first application by:

determining a first data source of a plurality of data sources that corresponds to the first application developer;

retrieving available first application content from the first data source; and

filtering the available first application content based on the first application content attribute;

generating the first application for the first application developer, wherein the first application content is generated for display, on a first device corresponding to the first application developer, at a display location based on the first application design attribute.

2. A method of generating micro frontend dependent applications featuring consistent application design and dynamically-determined application content across computer networks for application developer-specific application development, the method comprising:

receiving, at a user interface, a first user input, wherein the first user input comprises a first function for including in a micro frontend dependent architecture, wherein the first function corresponds to a first micro frontend fragment;

receiving, at the user interface, a third user input, wherein the third user input defines a first application design attribute for the first function, wherein the first application design attribute comprises a design identifier for where the first function is presented in the micro frontend dependent architecture;

receiving, at the user interface, a fourth user input, wherein the fourth user input defines a first application content attribute for the first function, wherein the first application content attribute comprises a content identifier for content populated in the first function in the micro frontend dependent architecture;

receiving, at the user interface, a fifth user input, wherein the fifth user input requests generation of the micro frontend dependent architecture, wherein the micro frontend dependent architecture includes a first application for a first application developer;

populating, by the first micro frontend fragment, the first function with first application content in the first application by:

determining a first data source corresponding to the first application developer;

retrieving available first application content from the first data source; and

filtering the available first application content based on the first application content attribute; and

generating for display, at the user interface, the first application content, on a first device corresponding to the first application developer, at a display location based on the first application design attribute.

3. The method of claim 2 , further comprising:

receiving a second user input, wherein the second user input comprises a second function for including in the micro frontend dependent architecture, and wherein the second function corresponds to a second micro frontend fragment;

receiving a sixth user input, wherein the sixth user input defines a second application content attribute for the second function, wherein the second application content attribute comprises a second content identifier for content populated in the second function in the micro frontend dependent architecture; and

populating, by the second micro frontend fragment, the second function with second application content in the first application by:

determining the first data source corresponding to the first application developer;

retrieving available second application content from the first data source; and

filtering the available second application content based on the second application content attribute.

4. The method of claim 2 , further comprising:

determining a section attribute for a section, in the micro frontend dependent architecture, comprising the first function;

determining a threshold application design attribute based on the section attribute;

comparing the first application design attribute to the threshold application design attribute; and

applying the first application design attribute to the first function based on the first application design attribute corresponding to the threshold application design attribute.

5. The method of claim 2 , further comprising:

determining a threshold application content attribute based on the first application design attribute;

comparing the first application content attribute to the threshold application content attribute; and

applying the first application content attribute to the first function based on the first application content attribute corresponding to the threshold application content attribute.

6. The method of claim 2 , further comprising:

receiving a second user input, wherein the second user input comprises a second function for including in the micro frontend dependent architecture, and wherein the second function corresponds to a second micro frontend fragment;

receiving a sixth user input, wherein the sixth user input defines a second application content attribute for the second function, wherein the second application content attribute comprises a second content identifier for content populated in the second function in the micro frontend dependent architecture;

determining a threshold application content attribute based on the first application content attribute;

comparing the second application content attribute to the threshold application content attribute; and

applying the second application content attribute to the second function based on the second application content attribute corresponding to the threshold application content attribute.

7. The method of claim 2 , wherein each application based on the micro frontend dependent architecture comprises a series of sections that defines a layout of the micro frontend dependent architecture, and wherein each section of the series of sections is defined by a respective grid.

8. The method of claim 7 , wherein the first application design attribute for the first function comprises a mapping of the first function to the respective grid of a section of the series of sections in which the first function is presented in the micro frontend dependent architecture.

9. The method of claim 2 , further comprising:

retrieving the first function from a library of available functions; and

retrieving the first micro frontend fragment from a plurality of micro frontend fragments, wherein each micro frontend fragment of the plurality of micro frontend fragments comprises a rendering engine specific to a respective function of the library of available functions.

10. The method of claim 2 , further comprising receiving a seventh user input, wherein the seventh user input defines a third application design attribute for the first function, wherein the third application design attribute comprises a shape identifier for what shape the first function is presented in the micro frontend dependent architecture.

11. The method of claim 2 , the method comprising:

generating a container comprising the first application; and

storing the container at a remote storage location specific to the first application.

12. The method of claim 2 , wherein the first application content comprises a header or footer for the first application.

13. The method of claim 2 , further comprising:

in response to determining that the first function includes the first micro frontend fragment, determining a first application programming interface for the first micro frontend fragment; and

in response to determining the first application programming interface for the first micro frontend fragment, generating a first authorization request to authorize a first application programming interface for the first micro frontend fragment.

14. The method of claim 2 , further comprising:

receiving a first authorization request to authorize a first application programming interface for the first micro frontend fragment;

retrieving a governance protocol; and

authorizing the first application programming interface based on the governance protocol.

15. The method of claim 14 , wherein authorizing the first application programming interface based on the governance protocol further comprises:

retrieving a first application characteristic of the first application programming interface;

retrieving a first governance characteristic of the governance protocol; and

comparing the first application characteristic to the first governance characteristic.

16. One or more non-transitory computer readable mediums comprising instructions that, when executed by one or more processors, causes operations comprising:

receiving a first user input, wherein the first user input comprises a first function for including in a micro frontend dependent architecture, wherein the first function corresponds to a first micro frontend fragment;

receiving a third user input, wherein the third user input defines a first application design attribute for the first function, wherein the first application design attribute comprises a first design identifier for where the first function is presented in the micro frontend dependent architecture;

receiving a fourth user input, wherein the fourth user input defines a first application content attribute for the first function, wherein the first application content attribute comprises a first content identifier for content populated in the first function in the micro frontend dependent architecture;

receiving a fifth user input, wherein the fifth user input requests generation of the micro frontend dependent architecture, wherein the micro frontend dependent architecture includes a first application for a first application developer;

populating, by the first micro frontend fragment, the first function with first application content in the first application by determining a first data source based on the first application content attribute; and

generating for display, at a user interface, the first application content, on a first device corresponding to the first application developer, at a display location based on the first application design attribute.

17. The one or more non-transitory computer readable mediums of claim 16 , wherein the instructions further cause operations comprising

receiving a second user input, wherein the second user input comprises a second function for including in the micro frontend dependent architecture, and wherein the second function corresponds to a second micro frontend fragment;

receiving a sixth user input, wherein the sixth user input defines a second application content attribute for the second function, wherein the second application content attribute comprises a second content identifier for content populated in the second function in the micro frontend dependent architecture; and

populating, by the second micro frontend fragment, the second function with second application content in the first application by:

determining the first data source corresponding to the first application developer;

retrieving available second application content from the first data source; and

filtering the available second application content based on the second application content attribute.

18. The one or more non-transitory computer readable mediums of claim 16 , wherein the instructions further cause operations comprising:

determining a section attribute for a section, in the micro frontend dependent architecture, comprising the first function;

determining a threshold application design attribute based on the section attribute;

comparing the first application design attribute to the threshold application design attribute; and

applying the first application design attribute to the first function based on the first application design attribute corresponding to the threshold application design attribute.

19. The one or more non-transitory computer readable mediums of claim 16 , wherein the instructions further cause operations comprising:

determining a threshold application content attribute based on the first application design attribute;

comparing the first application content attribute to the threshold application content attribute; and

applying the first application content attribute to the first function based on the first application content attribute corresponding to the threshold application content attribute.

20. The one or more non-transitory computer readable mediums of claim 16 , wherein the instructions further cause operations comprising:

receiving a second user input, wherein the second user input comprises a second function for including in the micro frontend dependent architecture, and wherein the second function corresponds to a second micro frontend fragment;

receiving a sixth user input, wherein the sixth user input defines a second application content attribute for the second function, wherein the second application content attribute comprises a second content identifier for content populated in the second function in the micro frontend dependent architecture; and

determining a threshold application content attribute based on the first application content attribute;

comparing the second application content attribute to the threshold application content attribute; and

applying the second application content attribute to the second function based on the second application content attribute corresponding to the threshold application content attribute.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Oct 5, 2023
From: BOUDREAU, CHRISTOPHER; GAMON, SCOTT; VICTORICA-OROZCO, CARLOS; SHANDILYA, DOORVA
To: CAPITAL ONE SERVICES, LLC
Reel/Frame 065133/0340 →
Continuity (1)
Related Publication 20240406246A1 · Dec 5, 2024
References Cited (4)
US 10678600B1 · Darling · 2020 [cited by examiner]
US 20220114214A1 · Reddymakireddy · 2022 [cited by examiner]
US 20220166839A1 · Vihar · 2022 [cited by examiner]
US 20230251835A1 · Manohar · 2023 [cited by examiner]