Synto- Tailwind Angular Admin Template

Folder Structure

src/
						├── app/
						├── |-- authentication/
						├── |-- components/
						├── |-- materialModule/
						├── |-- shared/
						├── assets/
						├── |-- css/
						|   |-- |-- styles.css
						|   |-- |-- styles.min.css
						|   |-- |-- styles.min.css.map
						├── |-- iconfonts/
						|   |-- |-- RemixIcons/
						|   |-- |-- tabler-icons/
						├── |-- img/
						├── |-- scss/
						|   |-- |-- custom/
						|   |-- |-- dashboards/
						|   |-- |-- layout/
						|   |-- |-- plugins/
						|   |-- |-- switcher/
						|   |-- |-- tailwind/
						|   |-- |-- _icons.scss
						|   |-- |-- _variables.scss
						|   |-- |-- styles.scss
						├── Environments/
						├── favicon.ico/
						├── index.html/
						├── main.ts/
						├── style.scss/
						gulpfile.js
						package-lock.json
						package.json
Folders Description
  • Synto- Tailwind Angular Admin Template / : Root template folder contain all Angular Components , css, scss, images and other files.
    • app/ : Folder contain all the Synto Template apps which has all the angular components.
    • assets/ : Folder contain all the Synto Template assets which has css, iconfonts, 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.
    • Environments/ : Folder contain all the Synto Template Environments which has Firebase Authentications.
    • favicon.ico/ : The favicon.ico file in Angular is used as the application's icon displayed in the browser tab or bookmark bar..
    • index.html : The index.html file in Angular is the main entry point that loads the necessary scripts and stylesheets, renders the application, and handles dynamic content..
    • main.ts : The main.ts file in Angular is responsible for bootstrapping the application and initializing the root module.
    • styles.scss : Folder contain all the Synto Template styles which has manage global styles for your application, including CSS rules, variables, mixins, and imports.
  • gulpfile.js : The gulpfile.js in Angular is used for configuring and automating build tasks during development and deployment.
  • package.json :The package.json file in Angular manages dependencies, scripts, and project metadata for package management and script execution.