Synto - Srouce File Structure

File structure(src)


                    src/
                     ├── assets/
                     |   |    ├── css
                     |   |    |    ├── style.css
                     |   |    |    ├── style.css.map
                     |   |    |    ├── style.min.css
                     |   |    |    └── style.min.css.map
                     |   |    ├── iconfonts/
                     |   |    |    ├── RemixIcons/
                     |   |    |    └── tabler-icons/
                     |   |    ├── img/
                     |   |    └── scss/
                     |   |        ├── custom/
                     |   |        ├── dashboards/
                     |   |        ├── layout/
                     |   |        ├── plugins/
                     |   |        ├── switcher/
                     |   |        ├── tailwind/
                     |   |        ├── _icons.scss
                     |   |        ├── _variables.scss
                     |   |        └── style.scss
                     |   ├── common/
                     |   ├── component
                     |   ├── layout
                     |   ├── redux
                     |   ├── ScrollToTop
                     |   ├── index.scss
                     |   ├── main.tsx
                     |   └── vite.env.d.ts
					
					
					
Folders Description
  • Synto - React Typescript Tailwind CSS Admin Dashboard Template / : Root template folder contain all react component(Structure page), css, scss, images and other files.
    • assets/ : Folder contain all the Synto Template assets which has css, scss, and images.
      • css/: Folder contain assets which has complete styles.
        • styles.css : Main style sheet for template
      • iconfonts/: Folder contain all types of icons which is used in this template.
      • img/ : Template images.
      • scss/ : Folder contain all pages scss files and all plugins scss files also included.
      • index.scss : this scss file is known as a global scss file in your template.
    • webpackfile.js : webpack tasks js file.
  • Note: When you run webpack command libs files are generated in dist folder and those files wont included in src folder.