Skip to content
Avenx-JS

Project Structure

When you scaffold a project using the avenx init command, it builds a organized structure designed to cleanly separate routing, components, page layout, and global configurations.

my-avenx-app/
├── .vscode/              # Editor configurations for VS Code
│   ├── jsconfig.json     # Enables path intelligence
│   └── settings.json     # Custom file association bindings
├── dist/                 # Compilation target output (created by compiler)
│   ├── bundle.js         # Single unified JavaScript runtime and app bundle
│   └── bundle.css        # Combined and scoped application stylesheets
├── src/                  # Main application source directory
│   ├── components/       # UI Components (Reusable elements)
│   │   └── counter/
│   │       ├── counter.component.js
│   │       └── counter.component.css
│   ├── pages/            # Page Components (Routed views)
│   │   └── home.page.js
│   │   └── home.page.css
│   ├── global/           # Shared global assets, Styles, and Bridges
│   │   └── auth.bridge.js
│   ├── guards/           # Route transition guards (e.g. AuthGuard)
│   │   └── auth.guard.js
│   └── main.app.js       # Main application bootstrap and configuration
├── index.html            # Application entry document
└── package.json          # Node dependencies and project scripts