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
└── 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
├── Layout/
| ├── AdminLayout -> Layout components & routers
├── store/ -> Redux actions, reducers
├── 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
├── theme/ -> Layout and React views specific scss files
├── layout-dark.scss -> Application dark file
├── layout-rtl.scss -> Application RTL file
├── style.scss -> Application main file