Automatic Code Generation for Web Frontend using Artificial Intelligence

Artificial Intelligence (AI) is currently one of the most popular topics in the industry with unlimited applications in every field. In this era it is said that if you're not online, you don't exist, every business, every organization needs to be online either having a web application or a mobi

Project Title

Automatic Code Generation for Web Frontend using Artificial Intelligence

Project Area of Specialization

Artificial Intelligence

Project Summary

Artificial Intelligence (AI) is currently one of the most popular topics in the industry with unlimited applications in every field. In this era it is said that if you're not online, you don't exist, every business, every organization needs to be online either having a web application or a mobile application. Creative designers or business users come up with UI (User Interface) ideas for application/ website on a sheet of paper or on a whiteboard or on their fancy graphics tablet. It is the job of an UI developer to convert the design idea/ wireframes into a working UI keeping the creative design intent in mind. This is one of the complex, time-consuming steps in the software development process, therefore we have taken upon ourselves to build an application that can help implement the designs very easily making it more customizable and more agile. The key goal of the project is to train a model which can accept commands/specifications from the user about the design and implement the design spontaneously. The user commands will be in normal human language hence the model should be able to understand and convert the design specification in a programming language. This will not only decrease the time of implementing the UI designs but will give an opportunity to decide the changes in the design at a glance.

Project Objectives

• To develop a software model using Natural Language Processing techniques, which extracts meaningful information from natural language sentences and generate UI code accordingly

• To develop a web based application which implements this model and returns a rendered frontend code.

Project Implementation Method

The Web application will be based on four major components, Web GUI, back-end server, an NLP Model and a Database. The flow between the major components will be as follows:

A web based Graphical User Interface where users can use Natural Language to  describe the structure of a website and generated code is also shown there to the user.

API Interface:

An API Interface to interact with the Web GUI where endpoints are exposed to get data from the user and then data is further passed to the NLP Model.

NLP Model:

A Natural Language Based Model which will take users description as input and use feature extraction to extract features from description and then generate parameters which are then forwarded to Code Generator.

Code Generator:

Code Generator will be basically an algorithm that will take the output of a model as an input and generate the code.

Benefits of the Project

Our project is directed to benefit developers who want a quick way to create rough web designs which can be later modifiable with direct access to the code. Moreover, this program should be helpful to startups, businesses and software houses who might not be able to afford or willing to spend time on creating web front ends through excessive coding, instead, use this tool to create efficient web GUIs. 

Technical Details of Final Deliverable

A web based application that can takke Natural Language as input and generate Web frontend code

Final Deliverable of the Project

Software System

Core Industry

IT

Other Industries

Core Technology

Artificial Intelligence(AI)

Other Technologies

Sustainable Development Goals

Industry, Innovation and Infrastructure

Required Resources

If you need this project, please contact me on contact@adikhanofficial.com