Stratox
Stratox
Stratox
  • Why Stratox
  • Installation
  • Quick Start (MVC)
  • Views / components
    • Layout & Components
    • Update components
    • Component argumnets
  • Features
    • Styled components
    • Events
    • Services
    • Fetch Library (Ajax Requests)
  • Router
    • Routes and URI
    • Dispatch States (navigate)
    • Dispatcher overview
  • Deployment
    • Deployment Guide
  • Step by step tutorial
    • Directory overview
    • Getting started
    • Navigation
    • Controllers
    • Increment / Events
    • Form Builder
    • Building Modal
  • Stratox Tailwind
    • Design system
  • Configs
    • Index
    • Configs
    • Response Arguments
Powered by GitBook
On this page
  1. Step by step tutorial

Directory overview

PreviousDeployment GuideNextGetting started

Last updated 6 months ago

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.

Help Shape Stratox

If you’d like to suggest a feature, feel free to reach out at .

daniel.ronkainen@wazabii.se