# Directory overview

### Directory Structure Overview

Below is an overview of the most important directories and files in your project:

* **dist/**: This directory contains the distribution/production code that you can build when your app is completed.
* **src/**: This is your development directory.
  * **assets/**: Here you'll find your images and CSS styles.
    * **images/**: Images used in your application.
    * **style.css**: The main CSS file for styling your application.
  * **controllers/**: This is where you can add all your controllers.
  * **routes/**: Route definitions for your application.
  * **templates/**: All your templates views and components
    * **views/**: All your views should be located here.
      * **blocks/**: Extend your view with block components.
  * **Fields.js**: This file contains your field components, such as form fields and buttons, your free to modify this as you wish.
* **main.js**: This is the main/index JavaScript file for your Startox application.

This structured approach helps organize your project effectively, making it easier to navigate and maintain.

<details>

<summary>Help Shape Stratox</summary>

If you’d like to suggest a feature, feel free to reach out at <daniel.ronkainen@wazabii.se>.

</details>