The web application, together with one or more smart contracts, is the other part that helps to form a DApp. The application files are available inside the app directory, in the Files hierarchy, presented at the left side menu (Explorer button).
The application is structured into three main files: app.html, app.css, and app.js.
The CSS file (app.css) determines how the application looks, by defining style preferences and visual details.
Navigating through the files and editing them is the same as contracts. Expand the app folder by clicking the arrow next to it, then click any of the listed files to open it in a new editor window.
There are four distinct actions, exposed in the form of buttons, positioned next to the app folder name: New File, New Folder, Rename, and Delete.
Related to the DApp, the Preview button, located on the rightmost side of the screen, toggles a new panel containing the application rendering view.
The Preview will automatically read saved changes, rendering updated content results in real time.
It is possible to disable injecting Ethereum Studio Web3 provider by checking the Disable Web3 Accounts option in the Preview window, in which case, simulating the accounts are unavailable.