### Azea – TypeScript React Admin & Dashboard Template

Note:-

Please refer Faq's page in documentation itself for queries and customization like Colors, RTL, Dark style..etc.

##### Folder Structure

    Azea/
    ├── src/
    |   ├── assets /
    |   |     ├── css
    |   |     ├── iconfonts
    |   |     ├── images
    |   |     ├── plugins
    |   |     ├── scss
    |   |     └── switcher
    |   ├── commoncomponents/
    |   |     ├── commonimages/
    |   ├── components/
    |   ├── layouts/
    |   ├── index.scss
    |   └── main.tsx
    ├── eslintrc.json
    ├── .gitignore
    ├── gulpfile.js
    ├── index.html
    ├── package.json
    └── vite.config.js
    ├── tsconfig.json
    └── tsconfig.node.json

# | File | Purpose
--- | --- | ---
| assets | A folder where you can put images, css, json data anything else to be copied wholesale when you build your application.
| App.tsx | Defines AppModule, the root module that tells React how to assemble the application. Right now it declares only the AppComponent. Soon there will be more components to declare.
| index.scss | Global Sss/Scss code.
| main.tsx | Routing basically means navigating between pages. You have seen many sites with links that direct you to a new page. This can be achieved using routing.
| Vite.env.d.ts | The env. d. ts file is used in Vite to provide type declarations for environment variables.
| index.html | The main page that is served when someone visits your site. Most of the time you'll never need to edit it. The CLI automatically adds all tsx and css files when building your app so you never need to add any `<script>` or `<link>` tags here manually.
| package.json | npm configuration listing the third party packages your project uses. You can also add your own custom scripts here.
| tsconfig.json | The tsconfig.json file specifies the root files and the compiler options required to compile the project.
| app..{react, scss, ts} | Defines the App Component along with an React template, CSS/SCSS stylesheet, and a unit test. It is the root component of what will become a tree of nested components as the application evolves.
| Eslintrt.json | Sets the base path correctly for both command types. Sets the publicDir path to src/assets Disables brotli compression calculations (saves 2-5 seconds per prod build) Disables the manifest.
| viteconfig.ts | Vite is a frontend tool that is used for building fast and optimized web applications. It uses a modern build system and a fast development server to provide a streamlined and efficient development experience
| tsconfig.node.json | The tsconfig.json file specifies the root files and the compiler options required to compile the project.
| gulpfile.js | Gulp purely uses the JavaScript code and helps to run front-end tasks and large-scale web applications.