Skip to main content

Getting Started

Folder Structure react​

src/
├── assets/
│   └── 
├── components/
│   └── EmailBox/
│       └── EmailBox.js
├── contexts/
│   └── tableContext.js
├── hooks/
│   └── useCookies.js
├── layouts/
│   └── innerLayout.js
├── pages/
│   └── dashboard/
│       └── dashboard.js
├── redux/
│   └── entrySlice.js
├── router/
│   └── index.js
├── styles/
│   └── 
├── utility/
│   └── 
├── App.js
└── index.js

assets​

This folder holds all the images ,gifs for the react side.

components​

This Folder consist of reusable components like Form components like Email input,Text input and other components like chart,header,Footer ,Table etc.

contexts​

Context folder consist of common variables.we can use the variable anywere in the app and set the value in any pages.

hooks​

hooks folder consist of custom reusable hooks functions. For example get cookies ,set cookies for retriving and saving cookies values.

layouts​

layouts consist of common layout of the project we can add layouts here and if we need an extra footer for a particular page like for dashboard. For now we are using innerLayout for dashboard and crud pages. For Login and register pages , now we are using OuterLayout.

pages​

In pages folder we adding the new pages and the style for that particular page.

redux​

In redux folder we handling redux functionalities, common api handling functions like entryslie ,redux store etc are in this folder.

router​

In router folder we handling all routing of the pages .

styles​

styles folder holds the common styles fonts ,common style variables etc.

Folder Structure node​

src/
├── config/
│   └── 
├── controllers/
│   └── 
├── middlewares/
│   └── 
├── models/
│   └── plugins/
│       └── paginate.js
│   └── index.js
├── routes/
│   └── 
├── services/
│   └── 
├── utils/
│   └── 
├── validations/
│   └── 
├── app.js
└── index.js

config​

Common configurations are written in this folder.

models​

All models are written inside the folder

models/plugins​

models and common plugins are written here

routes​

routing of all apis written inside this folder

validations​

All backend validations are written inside the folder