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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://stratox.wazabii.se/step-by-step-tutorial/directory-overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.