File Structure

Project structure

Under the gradient-able/the folder you will find the project folder structure.

gradient-able/
├── package.json             -> Package json file.
├── public/
│   ├── favicon.ico
│   ├── index.html
│   ├── robots.txt
└── src/
    ├── assets/
    |    ├── images/
    |    ├── scss/           -> Template SCSS files, check folder structure below  
    ├── components/          -> Template custom components
    ├── config/              -> Template constant value and live customization  
    ├── contexts/        
    ├── data/                -> Tables data
    ├── hooks/               -> Custom hooks
    ├── firebase/              
    ├── Layout/
    ├── service/
    |   ├── AdminLayout    -> Layout components & routers
    ├── views/              -> View files for all pages
    ├── containers/         -> Data fetching and then renders its corresponding sub-component
    ├── store/              -> Redux App actions, reducers, storeConfig & types  
    ├── App.js
    ├── index.js            -> Application root js file
    ├── index.scss          -> Application main scss file
    ├── menu-item.js        -> Allication menu data
    ├── routes.js           -> Add pages router

SCSS structure

Under the gradient-able/src/assets/scss/the folder you will find the following folder structure.

SCSS/
├── react-module/          -> Third party plugins customisation scss
├── settings/              -> Template variable scss folder
├── themes/                 -> Layout and React views specific scss files
├── layout-dark.scss       -> Application dark file
├── layout-rtl.scss        -> Application RTL file
├── style.scss             -> Application main file