structure-layout.md

Structure & layout

Source code structure

This project structure based on standard structure from create-react-app

root
|__docs - development documents
|__mock - quick run with APIs mockup
|__public - SPA public resources
|__src
|  |__apis - fetch APIs
|  |__assets - assetment resources: images, styles
|  |__components - common components
|  |__helpers - utility functions
|  |__hooks - custom React Hooks
|  |__locales - Multiple languages & locale definitions
|  |__models - Data type models
|  |__pages - Screen pages
|  |__routes - Routing
|  |__store - Redux store
|  |  |__actions
|  |  |__middlewares
|  |  |__reducers
|  |__*index files*
|__*config files*

Applications layout

• Main layout:

• Page layout:

• Grid systems & responvesive: using Ant design definitions