Folder Structure
Presented here is the Angular rendition of the folder arrangement. To facilitate layout management and expedite development through Angular CLI, we've meticulously designed partials. Incorporating a starter kit that serves as a launchpad for commencing projects from the ground up.
- Admin
-
-
app // includes all pages, layouts files for the development.
- account // includes all auth files
- core
- cyptolanding
- extrapages // includes all extra pages
- layouts // includes all layouts files
- pages // includes the all pages
- shared // includes all common files like breadcrumbs
- store // includes all store (Redux) files.
- app-routing.module.ts // manage all routing from here
- app.component.html
- app.component.scss
- app.component.spec.ts
- app.component.ts
- app.module.ts
- authUtils.ts // handling firebase authentication and user management
-
assets
- fonts // includes all icons font
- i18n // includes all language json data.
- images
-
scss
- custom // includes all apps scss with separate files
- components // all components scss files will be in this folder.
- fonts // includes all google font family
- pages // includes all pages scss with separate files
- plugins // includes all plugins scss with separate files
- rtl // includes all rtl scss with separate files
- structure // includes all structure scss with separate files
- custom.scss // Write Custom SCSS for Personalized Styling Adjustments
- _variables.scss // includes all variables for quick change colors, spacing etc
- _variables-dark.scss // includes all dark variables for quick change colors, spacing etc
- app.scss // it has imported all other scss files and create app.min.css file.
- bootstrap.scss // it has imported all bootstrap's scss files
- icons.scss // Includes all icons files
- environments // firebase & fackbackend configuration
- favicon.ico
- index.html // defining structure and loading the app's components and scripts
- main.ts // initialized and the root module is bootstrapped.c
- polyfills.ts // modern JavaScript features and APIs in the application.
- styles.scss // global stylesheet used to define common styling
-
app // includes all pages, layouts files for the development.