# 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;

