Folder Structure
Use below velzon structure for modify and better understand the Velzon.
1. Velzon Angular Folders
| Folder | Path | Uses |
|---|---|---|
|
|
app/account/ |
All auth pages here. |
|
|
app/core/ |
All services manage from here. |
|
|
app/extrapages/ |
All Extrapages here. |
|
|
app/landing/ |
All landing related pages. |
|
|
app/layout/ |
All layout related Files |
|
|
app/pages/ |
All pages related this project. |
|
|
app/shared/ |
refer to a module commonly used component like (breadcrumb) |
2. Velzon Angular Layout Files
| File | Path | Uses |
|---|---|---|
|
|
app/layouts/rightsidebar/ |
customizer related code. |
|
|
app/layouts/footer/ |
footer related code. you can modify as per your requirements. |
|
|
app/layouts/horizontal/ |
horizontal layout master. |
|
|
app/layouts/two-column/ |
two column layout master. |
|
|
app/layouts/vertical/ |
vertical hovered layout master. |
|
|
app/layouts/ |
default layout master file, you can set html attributes, and change common layouts changing this file. |
|
|
app/layouts/sidebar/ |
sidebar menus related code, you can add new menu here. |
|
|
app/layouts/topbar/ |
topbar related code here, you can easily customize topbar from here. |
|
|
app/layouts/horizontal-topbar/ |
horizontal-topbar related code here, you can easily customize horizontal-topbar from here. |
|
|
app/layouts/two-column-sidebar/ |
two-column-sidebar related code here, you can easily customize two-column-sidebar from here. |
3. Velzon Angular Component Files
| File | Path | Uses |
|---|---|---|
|
|
app/shared/breadcrumbs/ |
page title component, you can easily customize it. |
4. Velzon Angular Auth Files
| File | Path | Uses |
|---|---|---|
|
|
app/account/login |
login view page code, if you need to customize login you can do from this. |
|
|
app/account/register |
registration page view code. |
|
|
app/authUtils.ts |
handling Firebase authentication and user management. |
|
|
app/global.component.ts |
ALl API URL from here. |
|
|
app/core/services/auth.service.ts |
Angular service for handling user authentication and registration, with options for using Firebase or custom API endpoints. |
|
|
app/core/guards/authfake.service.ts |
Angular service for user authentication using a fake backend, including login and logout functionality with token-based storage. |
|
|
app/core/guards/auth-guard.ts |
Angular route guard that checks for user authentication based on the chosen authentication method (Firebase or API), |
- Master
-
-
-
app
-
assets
-
fonts
-
i18n
-
images
-
json
-
lang
- scss
-
-
environments
-
favicon.ico
-
index.html
-
main.ts
-
polyfills.ts
-
styles.scss
-
test.ts
-
typings.d.ts
-
-