Folder Structure

Simple intuitive folder structure helps you to navigate easily without any hassle.

Under the datta-able-react-hook-reactstrap-js/ directory, You will find the following folder structure.

datta-able-react-hook-reactstrap-js/full-version
..
├── public
├── src
│   ├── assets
│   │   ├── images
│   │   ├── scss
│   ├── components              -> Common components used across a theme
│   ├── config             
│   |   ├── constant.js         -> different theme config
│   ├── contexts                -> State context for Login management and config
│   ├── data                    -> Static data
│   ├── hooks                   -> Custom hooks
│   ├── layout
│   │   ├── AdminLayout         -> Layout for dashboard
│   │   │    ├── Configuration  -> live customization
│   │   │    ├── ...
│   ├── services                -> mock APIs
│   ├── store
│   │   ├── accountReducers.js  
│   ├── utils                   -> axios and mock service
│   ├── views                   -> View files for all pages
│   ├── App.jsx
│   ├── index.jsx
│   ├── index.scss
│   ├── menu-items.jsx          -> menu items
│   ├── routes.jsx              -> different routes based on layouts
│   ├── reportWebVitals.jsx
├── .env
├── .env.development
├── .env.qa
├── .eslintrc
├── .prettierrc
├── favicon.ico
├── index.html
├── jsconfig.json
├── package-lock.json           -> Package lock file.
├── package.json                -> Package json file.
├── README.md
├── vite.config.mjs
├── yarn.lock                   -> yarn lock file.