Frontend structure - gh05tdog/DAPM_Master_Thesis_Group_D GitHub Wiki

Frontend

The frontend it build using Reach and Redux.

Folder structure

└── src/
    ├── assets/
    ├── components/
    ├── configs/
    ├── hooks/
    ├── services/
    ├── state management/
    ├── utils/
    ├── views/

The entire project is located within /Src. The project is destructured into its subcomponets, assets view ect.

Assets: Static components such as icons, images, videos ect.

Components: smaller components which can be used to build larger components or pages. Examples are Grid layouts, buttons, cards or overviews.

configs: files for configuring the project.

hooks: Custom React hooks for shared logic.

services: encapsulates main buissness and application logic

state management: powered by : Redux -A JS library for predictable and maintainable global state management see Redux webpage

utils: utility functions /

views: webpage views containing the framework needed to build the page from components, assests ect.