Udon - Source File Structure

Folder Structure

	src/
						├── assets/
						|   |-- audio/
						|   |-- css/
						|   |-- icon-fonts/
						|   |   |-- bootstrap-icons/
						|   |   |-- boxicons/
						|   |   |-- feather/
						|   |   |-- fontawesome/
						|   |   |-- line-awesome/
						|   |   |-- Remixicons/
						|   |   └── tabler-icons/
						|   |-- images/
						|   |-- scss/
						|   |   |-- bootstrap/
						|   |   |-- custom/
						|   |   |-- menu-styles/
						|   |   |-- pages/
						|   |   |-- util/
						|   |   |-- _bootstrap.scss/
						|   |   |-- _switcher.scss
						|   |   |-- _variables.scss
						|   |   |-- icons.scss
						|   |   └── styles.scss
						|   └── video/


						|-- components/
						   |-- advanced-ui/
						   |-- apps/
						   |-- authentication/
						   |-- charts/
						   |-- dashboard/
						   |-- forms/
						   |-- icons/
						   |-- maps/
						   |-- pages/
						   |-- tables/
						   |-- ui-elements/
						   |-- utilities/
						   └── widgets/

Folders Description
  • src/ : Root folder containing all source files for the project, including assets, components, and other resources.
    • assets/ : Folder containing all the static assets for the template, including audio, images, fonts, and styles.
      • audio/ : Folder containing all the audio files used in the project.
      • css/ : Folder containing all the CSS files used in the template.
      • icon-fonts/ : Folder containing different icon font libraries.
        • bootstrap-icons/ : Bootstrap icon set.
        • boxicons/ : Boxicons icon set.
        • feather/ : Feather icon set.
        • fontawesome/ : fontawesome icon set.
        • line-awesome/ : Line Awesome icon set.
        • Remixicons/ : Remixicon set.
        • tabler-icons/ : Tabler icons set.
      • images/ : Folder containing image assets used in the template.
      • scss/ : Folder containing SCSS files for different pages and components.
        • bootstrap/ : SCSS files for Bootstrap components.
        • custom/ : Custom SCSS files for template-specific styling.
        • global/ : Global SCSS files for the template.
        • menu-styles/ : SCSS for menu styling.
        • pages/ : SCSS files specific to individual pages.
        • util/ : Utility SCSS files for various helper styles.
        • _bootstrap.scss : Bootstrap variables and customizations.
        • _switcher.scss : SCSS for theme switcher functionality.
        • _variables.scss : SCSS variables used across the template.
        • icons.scss : SCSS for managing icon fonts.
        • styles.scss : Main SCSS file compiling all other SCSS files into the final styles.
      • video/ : Folder containing video files used in the template.
    • components/ : Folder for components of the template.
    • firebase/ : Folder containing Firebase-related components and services.
    • pages/ : Folder containing layouts for the template.
    • shared/ :Common components like header, sidebar, theme switcher, and other reusable UI elements.
    • index.scss : Main SCSS file for the entry point of the styles.
    • main.tsx : Main TypeScript file for setting up routing in the React application.
    • vite-env.d.ts : TypeScript environment declarations for Vite-based projects.