WEB UI folder structure

gistfile1.txt

app/
├── app.component.html
├── app.component.scss
├── app.component.ts
├── app.module.ts
├── app-routing.module.ts
├── models/
│   ├── trades.interface.ts
│   ├── transfers.interface.ts
│   └── ...
├── pages/                                                           // lazy loading feature modules
│   ├── dashboard
│   │	├── components/                                              // optional
│   │	├── modules/                                                 // optional
│   │	├── services/                                                // optional
│   │	├── dashboard.container.component.ts
│   │	├── dashboard-routing.module.ts
│   │	└── dashboard.module.ts
│   │
│   ├── client-trades
│   │	├── components/                                              // optional
│   │	├── modules/                                                 // optional
│   │	├── services/                                                // optional
│   │	├── client-trades.container.component.ts
│   │	├── client-trades-routing.module.ts
│   │	└── client-trades.module.ts
│   │
│   ├── client-trade-record
│   │	├── components/                                              // optional
│   │	├── modules/                                                 // optional
│   │	├── services/                                                // optional
│   │	├── client-trade-record.container.component.ts
│   │	├── client-trade-record-routing.module.ts
│   │	└── client-trade-record.module.ts
│   └── ...
│   
├── shared/                                                          // can be used in several places
│   ├── components/                                                  // optional
│   ├── modules/                                                     // optional
│   ├── directives/                                                  // optional
│   ├── guards/                                                      // optional
│   ├── validators/                                                  // optional
│   ├── pipes/                                                       // optional
│   ├── ...                                                       
│   └── shared.module.ts
│
├── services/                                                           
│   ├── api                                                          // effects work with these services
│   │	├── api.service.ts                                             
│   │	├── trades.service.ts                                                 
│   │	├── transfers.service.ts                                               
│   │	└── ...
│   ├── utils.service.ts                                             // some transform data services
│   ├── ...                                                       
│   └── services.module.ts
│
└── store/
    ├── actions
    │	├── router.action.ts  
    │	├── trades.action.ts  
    │   └── ...  
    ├── effects
    │	├── router.effect.ts 
    │	├── trades.effect.ts 
    │   └── ...
    ├── reducers
    │	├── router.reducer.ts 
    │	├── trades.reducer.ts  
    │   └── ...
    └── selectors
    	├── trades.selector.t  
        └── ...