chore: add project layout structure on readme

Author: SL0TR

README.md

@@ -11,7 +11,8 @@
 <p align="center">
   <a href="#key-features">Key Features</a> •
   <a href="#how-to-use">How To Use</a> •
-  <a href="#credits">Credits</a> •
+  <a href="#how-to-use">How To Use</a> •
+  <a href="#application-structure">Application Structure</a> •
   <a href="#license">License</a>
 </p>
 
@@ -78,6 +79,41 @@ $ yarn build
 
 ```
 
+## Application structure
+
+> The directory layout of this boilerplate
+
+    .
+    ├── .vscode                 # Vscode config, for autoformat on save.
+    ├── build                   # After running the build command the build files get put here
+    ├── node_modules            # NPM dependency folder
+    ├── public                  # Reacts public folder for the html and static assets
+    ├── src                     # Source directory for the React Application
+    ├── src                     # Source directory for the React Application
+    │   │
+    │   ├── api                   # API async functions folder.
+    │   ├── assets                # Static assets folder for the global scope. Example: images, icons, fonts etc.
+    │   ├── components            # Typical React component folder but only for global components.
+    │   ├── config                # App config (More details inside the folder)
+    │   ├── features              # Features pattern folder for Application features (More details inside the folder)
+    │   ├── lib                   # Global helper functions and custom hooks folder
+    │   ├── pages                 # Pages component folder
+    │   ├── router                # Application navigation/routing config (More details inside the folder)
+    │   ├── services              # Folder for services like custom axios instance, analytics etc.
+    │   ├── store                 # Application Redux store
+    │   ├── styles                # Custom SC components, CSS, less utilities
+    │   └── App.js                # Entry component for the React App.
+    │
+    ├── craco.config.js         # Extend Webpack config (example: Ant Design theme variable modifying)
+    ├── jsconfig.json           # Adjust file paths to use absolute file path for React
+    ├── package.json            # The NPM config file for all the packages installed and scripts and more
+    ├── .env                    # Store API Url, Secret API keys etc
+    ├── .eslintrc               # Configure Eslint
+    ├── .eslinignore            # ignore certain files for Eslint
+    ├── .gitignore              # ignore certain files for git (example: .env)
+    ├── .prettierrc             # Configure prettier (example: .env)
+    └── .prettierignore         # ignore certain files for Prettier
+
 ## Credits
 
 This software uses the following open source packages: