folder App Folder Structure
account_tree Project Structure Overview
Below is the folder structure of the app folder in the starter template. Each folder serves a specific purpose in organizing the application.
info Module Descriptions
-
layers
Core Module
Common services, models, and guards. Services are instantiated once.
-
dashboard
Layout Module
Layout components like header, sidebar, and footer.
-
share
Shared Module
Reusable components, directives, and pipes shared across features.
-
person
Admin Module
Contains all components and services related to the administrator dashboard.
-
people
Employee Module
Features specifically for employees, such as task management, attendance, and payroll.
-
business_center
Client Module
Client-related functionality like project tracking, billing, and support tickets.
-
vpn_key
Authentication Module
Handles login, registration, password recovery, and session management.
-
perm_media
Assets Folder
Stores static resources such as images, fonts, and styles.
Core Folder
| Options | Description |
|---|---|
guard |
This folder is used for auth guard and import guard, you can find
related files like auth.guard.ts &
module-import.guard.ts here.
|
interceptor |
You can see interfeptor files here. You can see files for error and
jwt interceptor, also find a file fake-backend.ts for
dummy data. |
models |
All enum and class files for USER, ROLE & CONFIG are install here. |
service |
All singleton services are placed in service directory. |
Layout Folder
| Options | Description |
|---|---|
app-layout |
Used for Seperate authentication pages and main content pages. You can find two layout compent here auth-layout & main-layout. |
header |
Header or navbar code is written here. |
page-loader |
Loading spinner code is here, we used ngx-spinner for loading spinner. |
right-sidebar |
Config sidebar code is written here. |
sidebar |
You can find main sidebar menu code in this folder. |