> For the complete documentation index, see [llms.txt](https://replicacia-technologies-pvt-ltd.gitbook.io/code-wizard-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://replicacia-technologies-pvt-ltd.gitbook.io/code-wizard-documentation/using-code-wizard/create-projects/how-to-create-a-front-end-web-application.md).

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