---
---

# Create a web app

## Table of contents

- [Run your web application](#run-your-web-application)
- [Customize the panels](#customize-the-panels)
- [Enable live reload](#enable-live-reload)
- [Code your Angular application](#code-your-angular-application)

## 1 - Run your web application

Click on the _Run Page_ toolbar button:

<img src="img/web-run-page.png"/>

[Activate live reload](installation.html#increase-your-productivity) to reload automatically the page after any file changes occur.

## 2 - Customize the panels

Open the right panel from the toolbar toggles:

<img src="img/panel-toggles.png" />

You can move the web preview on the right panel:

<img src="img/web-app-creation.png" />

To open your application in your default browser, set this preference via _Run Page_ dropdown:

<img src="img/web-run-dropdown.png" />

## 4 - Code your Angular application

<img src="http://wakanda.github.io/angular-wakanda/images/angular-wakanda.png" />

Wakanda integrates the Angular framework.

[Learn more »](http://wakanda.github.io/angular-wakanda/){:target="_blank"}{:class="btn"}

---

You can also create a mobile version of your application, based on the same backend.

[Create the mobile version »](create-mobile-app.html){:class="btn"}