# Folder Structure

**In Angular, the directory structure is designed to provide a flexible and customizable framework for your project.** You have the freedom to adapt the directory structure to your specific needs, making it easy to organize and manage your application. Whether you prefer a traditional Angular module/component layout or have a specific project structure in mind, Angular's directory structure is versatile, allowing you to pick a structure that suits your project and make adjustments as needed. This adaptability ensures that your development experience is efficient and tailored to your unique requirements.

{% tabs %}
{% tab title="Angular 18" %}

```
Light_able
    ├── 📁 Public
    ├── 📁 src
    │      ├── 📁 App
    │            ├── 📁 Component
    │            ├── 📁 data
    │            ├── 📁 Enum
    │            ├── 📁 layouts
    │            ├── 📁 models
    │            ├── 📁 pages
    │            ├── 📁 service
    │            ├── app.component.css
    │            ├── app.component.html
    │            ├── app.component.spec.ts
    │            ├── app.component.ts
    │            ├── app.config.server.ts
    │            ├── app.config.ts
    │            └── app.routes.ts
    │      ├── 📁assets
    │            ├── 📁 css
    │            ├── 📁 fonts
    │            ├── 📁 images
    │            ├── 📁 js
    │            └── 📁 json
    │      ├── index.html
    │      ├── main.server.ts
    │      ├── main.ts
    │      └── styles.css
    ├── .editorconfig
    ├── .gitignore
    ├── angular.json
    ├── package.json
    ├── README.md
    ├── server.ts
    ├── tsconfig.app.json
    ├── tsconfig.json
    └── tsconfig.spec.json
```

{% endtab %}
{% endtabs %}