Ynex - Source File Structure

Folder Structure

src/
						├── assets/
						├── |-- css/
						|   |-- |-- custom/
						|   |-- |-- plugins/
						|   |-- |-- tailwind/
						|   |-- |-- icons.css
						|   |-- |-- icons.css.map
						|   |-- |-- styles.css
						|   |-- |-- styles.css.map
						├── |-- icon-fonts/
						|   |-- |-- bootstrap-icons/
						|   |-- |-- boxicons/
						|   |-- |-- feather/
						|   |-- |-- line-awesome/
						|   |-- |-- Remixicons/
						|   |-- |-- tabler-icons/
						├── |-- images/
						├── |-- scss/
						|   |-- |-- custom/
						|   |-- |-- global/
						|   |-- |-- pages/
						|   |-- |-- plugins/
						|   |-- |-- switcher/
						|   |-- |-- tailwind/
						|   |-- |-- _icons.scss
						|   |-- |-- _variables.scss
						|   |-- |-- styles.scss
						├── |-- video/
						|   |-- components/
						|   |-- container/
						|   |-- firebase/
						|   |-- pages/
						|   |-- redux/
						|   |-- contextapi.tsx
						|   |-- index.scss
						|   |-- main.tsx
						|   |-- vite-env.d.ts

Folders Description

Ynex - Tailwind CSS Admin Dashboard Template : Root template folder containing all HTML, JS, CSS, SCSS, images, and other files.
- assets/ : Folder containing all the Ynex Template assets, including CSS, JS, SCSS, images, etc.
- - css/: Folder containing the assets for all template styles.
  - - custom/ : Custom CSS styles.
    - plugins/ : Styles for various plugins used in the template.
    - tailwind/ : Tailwind CSS files for styling.
    - icons.css : CSS for the icons used in the template.
    - icons.css.map : Source map for the icons stylesheet.
    - styles.css : Main stylesheet for the template.
    - styles.css.map : Source map for the main stylesheet.
  - icon-fonts/: Folder containing all icon fonts used in the template.
  - - bootstrap-icons/ : Bootstrap icon font set.
    - boxicons/ : Boxicons icon font set.
    - feather/ : Feather icon font set.
    - line-awesome/ : Line Awesome icon font set.
    - Remixicons/ : Remix Icons font set.
    - tabler-icons/ : Tabler Icons font set.
  - images/ : Folder containing images used in the template.
  - scss/: Folder containing SCSS files for the pages and plugins.
  - - custom/ : Custom SCSS files for styling.
    - global/ : Global SCSS files for the template.
    - pages/ : SCSS for specific pages.
    - plugins/ : SCSS for various plugins used in the template.
    - switcher/ : SCSS for the theme switcher functionality.
    - tailwind/ : Tailwind SCSS files for styling.
    - _icons.scss : SCSS for icon styling.
    - _variables.scss : SCSS variables for the template.
    - styles.scss : Main SCSS file for the template styles.
  - video/ : Folder containing video files related to the template.
  - - components/ : Common components like header, sidebar, theme switcher, and other reusable UI elements.
    - container/ : Contains main container components that organize and structure the content of the project.
    - firebase/ : Firebase-related files for authentication, data storage, and real-time features in the project.
    - pages/ : Layouts and page-specific components that define the structure of different views in the project.
    - redux/ : Redux-related files for state management in components.
    - contextapi.tsx : React Context API for managing state.
    - index.scss : SCSS file for the components.
    - main.tsx : Main TypeScript file for setting up routing in the React application.
    - vite-env.d.ts : Vite environment typescript definition file.