System and method for automatically generating and deploying graphical user interface components based on real-time sketches

1. A system for automatically generating and deploying graphical user interface components based on real-time sketches, the system comprising:

a processing device;

a non-transitory storage device containing instructions when executed by the processing device, causes the processing device to perform the steps of:

determine that a user has accessed a sketch application via a user computing device;

allow the user to create one or more sketches in real-time via a user interface of the sketch application;

determine that the user has created at least a first sketch, wherein the first sketch is associated with an application;

extract data, via a deep learning engine, from the first sketch;

map the first sketch with a first user interface component based on the data extracted from the first sketch;

generate the first user interface component in real-time;

map and integrate a first source code of the first user interface component;

test the first user interface component;

determine that testing of the first user interface component is successful;

deploy the first user interface component to a real-time environment;

determine that the user has created a second sketch associated with the application;

receive a connection from the user that connects the second sketch and the first sketch; and

establish the connection between the first user interface component associated with the first sketch and a second user interface component associated with the second sketch.

2. The system of claim 1 , wherein executing the instructions further causes the processing device to:

determine suitability, compatibility, and correctness of the first sketch with one or more parameters of the application; and

provide an input associated with the suitability, compatibility, and correctness of the first sketch.

3. The system of claim 1 , wherein executing the instructions further causes the processing device to:

identify that the user is creating the first sketch;

determine that the first user interface component associated with the first sketch already exists; and

display the first user interface component to the user via the sketch application before the user finishes the first sketch.

4. The system of claim 1 , wherein executing the instructions further causes the processing device to:

in response to identifying the first sketch, determine that the first sketch is associated with a first action;

determine a first set of actions associated with the first action; and

display the first set of actions that can be linked to the first action.

5. The system of claim 4 , wherein executing the instructions further causes the processing device to allow the user to link at least one action of the first set of actions to the first action, wherein linking the at least one action of the first set of actions comprises linking the first source code associated with the first action with a source code associated with the at least one action.

6. The system of claim 1 , wherein executing the instructions further causes the processing device to:

allow a plurality of users to access the sketch application at a same time; and

allow the plurality of users to create a collaborative sketch, via the sketch application.

7. The system of claim 1 , wherein executing the instructions further causes the processing device to continuously monitor the user interface of the sketch application to identify the one or more sketches that are created in real-time by the user.

8. A computer program product for automatically generating and deploying graphical user interface components based on real-time sketches, the computer program product comprising a non-transitory computer-readable medium comprising code causing an apparatus to:

determining that a user has accessed a sketch application via a user computing device;

allowing the user to create one or more sketches in real-time via a user interface of the sketch application;

determining that the user has created at least a first sketch, wherein the first sketch is associated with an application;

extracting data, via a deep learning engine, from the first sketch;

mapping the first sketch with a first user interface component based on the data extracted from the first sketch;

generating the first user interface component in real-time;

mapping and integrating a first source code of the first user interface component;

testing the first user interface component;

determining that testing of the first user interface component is successful;

deploying the first user interface component to a real-time environment;

determining that the user has created a second sketch associated with the application;

receiving a connection from the user that connects the second sketch and the first sketch; and

establishing the connection between the first user interface component associated with the first sketch and a second user interface component associated with the second sketch.

9. The computer program product of claim 8 , wherein the code further causes the apparatus to:

determine suitability, compatibility, and correctness of the first sketch with one or more parameters of the application; and

provide an input associated with the suitability, compatibility, and correctness of the first sketch.

10. The computer program product of claim 8 , wherein the code further causes the apparatus to:

identify that the user is creating the first sketch;

determine that the first user interface component associated with the first sketch already exists; and

display the first user interface component to the user via the sketch application before the user finishes the first sketch.

11. The computer program product of claim 8 , wherein the code further causes the apparatus to:

in response to identifying the first sketch, determine that the first sketch is associated with a first action;

determine a first set of actions associated with the first action; and

display the first set of actions that can be linked to the first action.

12. The computer program product of claim 11 , wherein the code further causes the apparatus to allow the user to link at least one action of the first set of actions to the first action, wherein linking the at least one action of the first set of actions comprises linking the first source code associated with the first action with a source code associated with the at least one action.

13. The computer program product of claim 8 , wherein the code further causes the apparatus to:

allow a plurality of users to access the sketch application at a same time; and

allow the plurality of users to create a collaborative sketch, via the sketch application.

14. A computer implemented method for automatically generating and deploying graphical user interface components based on real-time sketches, wherein the method comprises:

determining that a user has accessed a sketch application via a user computing device;

allowing the user to create one or more sketches in real-time via a user interface of the sketch application;

determining that the user has created at least a first sketch, wherein the first sketch is associated with an application;

extracting data, via a deep learning engine, from the first sketch;

mapping the first sketch with a first user interface component based on the data extracted from the first sketch;

generating the first user interface component in real-time;

mapping and integrating a first source code of the first user interface component;

testing the first user interface component;

determining that testing of the first user interface component is successful; and

deploying the first user interface component to a real-time environment;

determining that the user has created a second sketch associated with the application;

receiving a connection from the user that connects the second sketch and the first sketch; and

establishing the connection between the first user interface component associated with the first sketch and a second user interface component associated with the second sketch.

15. The computer implemented method of claim 14 , wherein the method comprises:

determining suitability, compatibility, and correctness of the first sketch with one or more parameters of the application; and

providing an input associated with the suitability, compatibility, and correctness of the first sketch.

16. The computer implemented method of claim 14 , wherein the method further comprises:

identifying that the user is creating the first sketch;

determining that the first user interface component associated with the first sketch already exists; and

displaying the first user interface component to the user via the sketch application before the user finishes the first sketch.

17. The computer implemented method of claim 14 , wherein the method further comprises:

in response to identifying the first sketch, determining that the first sketch is associated with a first action;

determining a first set of actions associated with the first action; and

displaying the first set of actions that can be linked to the first action.

18. The computer implemented method of claim 17 , wherein the method comprises allowing the user to link at least one action of the first set of actions to the first action, wherein linking the at least one action of the first set of actions comprises linking the first source code associated with the first action with a source code associated with the at least one action.

19. The computer implemented method of claim 14 , wherein the method comprises:

allowing a plurality of users to access the sketch application at a same time; and

allowing the plurality of users to create a collaborative sketch, via the sketch application.

20. The computer implemented method of claim 14 , wherein the method comprises continuously monitoring the user interface of the sketch application to identify the one or more sketches that are created in real-time by the user.