Folder Structure

Simple Folder structure helps you to navigate easily without any hassle.

Under dashboard-kit-react/ directory, You will find the following folder structure.

DashboardKit-material-react- ts

..
├── package.json           -> Package json file.
├── public
├── README.md
├── src
│   ├── assets
│   │   └── images
│   │   └── fonts
│   │   └── scss           -> Template SCSS files
│   │       ├── style.scss -> Application main Scss file
│   ├── components         -> Template custom components, Cards, Widgets, Modals
│   ├── config             -> Template constant value and live customization
│   ├── contexts           -> State context
│   ├── data               -> json data to serve in pages
│   ├── hooks              -> Custom hooks
│   ├── layout
│   │   ├── AdminLayout     -> Layout for main components & routers
│   │   ├── GuestLayout     -> Layout for Guest Components & routes
│   ├── routes             -> different routes based on layouts
│   ├── store              -> Redux actions, reducers
│   ├── types              -> Redux actions, reducers
│   ├── utils
│   ├── views              -> View files for all pages
│   ├── App.tsx            -> starting point of application
│   ├── index.tsx          -> Application root
│   ├── menu-items.ts      -> menu data
..

DashboardKit-material-react-Js version

..
├── package.json           -> Package json file.
├── public
├── README.md
├── src
│   ├── assets
│   │   └── images
│   │   └── fonts
│   │   └── scss           -> Template SCSS files
│   │       ├── style.scss -> Application main file
│   ├── components         -> Template custom components, Cards, Widgets, Modals
│   ├── config             -> Template constant value and live customization
│   ├── contexts           -> State context
│   ├── data               -> json data to serve in pages
│   ├── hooks              -> Custom hooks
│   ├── layout
│   │   ├── AdminLayout     -> Layout for main components & routers
│   │   ├── GuestLayout     -> Layout for Guest Components & routes
│   ├── routes             -> different route based on layouts
│   ├── store              -> Redux actions, reducers
│   ├── utils
│   ├── views              -> View files for all pages
│   ├── App.jsx            -> starting point of application
│   ├── index.jsx          -> Application root
│   ├── menu-items.js      -> menu data
..

PreviousQuick Start NextState Management

Last updated 4 months ago

Was this helpful?

.. ├── package.json -> Package json file. ├── public ├── README.md ├── src │ ├── assets │ │ └── images │ │ └── fonts │ │ └── scss -> Template SCSS files │ │ ├── style.scss -> Application main Scss file │ ├── components -> Template custom components, Cards, Widgets, Modals │ ├── config -> Template constant value and live customization │ ├── contexts -> State context │ ├── data -> json data to serve in pages │ ├── hooks -> Custom hooks │ ├── layout │ │ ├── AdminLayout -> Layout for main components & routers │ │ ├── GuestLayout -> Layout for Guest Components & routes │ ├── routes -> different routes based on layouts │ ├── store -> Redux actions, reducers │ ├── types -> Redux actions, reducers │ ├── utils │ ├── views -> View files for all pages │ ├── App.tsx -> starting point of application │ ├── index.tsx -> Application root │ ├── menu-items.ts -> menu data ..

.. ├── package.json -> Package json file. ├── public ├── README.md ├── src │ ├── assets │ │ └── images │ │ └── fonts │ │ └── scss -> Template SCSS files │ │ ├── style.scss -> Application main file │ ├── components -> Template custom components, Cards, Widgets, Modals │ ├── config -> Template constant value and live customization │ ├── contexts -> State context │ ├── data -> json data to serve in pages │ ├── hooks -> Custom hooks │ ├── layout │ │ ├── AdminLayout -> Layout for main components & routers │ │ ├── GuestLayout -> Layout for Guest Components & routes │ ├── routes -> different route based on layouts │ ├── store -> Redux actions, reducers │ ├── utils │ ├── views -> View files for all pages │ ├── App.jsx -> starting point of application │ ├── index.jsx -> Application root │ ├── menu-items.js -> menu data ..