📂Directory Structure

Explore Able pro Angular Directory structure.

├── src/
│   ├── app/
│   │   ├── @theme/                           -> Theming for the project will be managed here
│   │   │   ├── components/                   -> Custom-made component of theme
│   │   │   │   ├── card      
│   │   │   │   ├── breadcrumb                -> Theme breadcrumb               
│   │   │   │   ├── helpers
│   │   │   │   ├── modal-dialog             
│   │   │   │   ├── navigation/               -> Navigation components
│   │   │   ├── layouts/                      -> Layout for dashboard
│   │   │   │   ├── menu/
│   │   │   │   │   ├── vertical-menu/
│   │   │   │   │   ├── ...
│   │   │   │   ├── toolbar/
│   │   │   ├── service/                      -> Services related to theme
│   │   │   ├── styles/
│   │   │   │   ├── layout                    -> Layout scss
│   │   │   │   ├── pages                     -> Pages scss
│   │   │   │   ├── theme-mode                -> Theming mode scss   
│   │   │   │   ├── grid.scss                 -> Gird layout scss  
│   │   │   │   ├── theme-overrides.scss      -> Angular material overrides
│   │   │   │   ├── theme-dark-palette-colors.scss      -> Theming dark color scss
│   │   │   │   ├── theme-palette-colors.scss -> Theming color scss
│   │   │   │   ├── theme.scss                -> Theming scss
│   │   │   ├── types/   
│   │   ├── demo/                
│   │   │   ├── data/                    
│   │   │   │   ├── component.ts
│   │   │   │   ├── menu.ts   
│   │   │   ├── layout/
│   │   │   │   ├── admin
│   │   │   │   ├── component
│   │   │   │   ├── empty
│   │   │   │   ├── front
│   │   │   ├── pages/                        -> View files for all pages
│   │   │   │   ├── admin-panel/              -> Admin Panel
│   │   │   │   │   ├── helpdesk/
│   │   │   │   │   ├── invoice/
│   │   │   │   │   ├── membership/
│   │   │   │   │   ├── online-courses/
│   │   │   │   ├── application/              -> Application pages
│   │   │   │   │   ├── calender
│   │   │   │   │   ├── kanban
│   │   │   │   │   ├── ...
│   │   │   │   ├── auth/                     -> Auth pages
│   │   │   │   │   ├── authentication-1/
│   │   │   │   │   ├── ...
│   │   │   │   ├── dashboard/                -> Dashboard page
│   │   │   │   ├── components/               -> Angular material component page
│   │   │   │   │   ├── data-display/
│   │   │   │   │   ├── ...
│   │   │   │   ├── ...                       -> Other theme page
│   │   │   ├── shared/
│   │   ├── fake-data/                        -> Dummy data
│   │   ├── app.component.html
│   │   ├── app.component.scss
│   │   ├── app.component.ts
│   │   ├── app.config.ts                     -> Different theme config
│   │   ├── app-routing.module.ts             -> Different routes based on layouts
│   ├── assets/
│   ├── environments/
│   ├── SCSS/
│   │   ├── fonts/
│   │   ├── more...
│   ├── style.scss/                           -> Theme style
│   ├── _index.html
│   ├── _main.ts
│   ├── ...
├── angular.json                              -> Angular json file
├── package.json                              -> Package json file
├── ...