# How to create a front-end web application

{% hint style="info" %}
You have to create back-end app before you create front end or map back-end API
{% endhint %}

&#x20;*<mark style="color:blue;">**Go to**</mark>* [*<mark style="color:blue;">**https://platform.code-wizard.ai/**</mark>*](https://platform.code-wizard.ai/)

*<mark style="color:blue;">**choose the type of app as front-end**</mark>*

* [x] *<mark style="color:blue;">**Choose the code-wizard design or upload your own design file**</mark>*&#x20;
* [x] *<mark style="color:blue;">**Choose the front-end technology, choose your back-end API**</mark>*
* [x] *<mark style="color:blue;">**Add & configure screens, add capabilities ,PAT and Generate App**</mark>*

That's it your front-end application is generated. View Code, Deploy-Run, Open Application and play around the options.&#x20;