Valex – React + vite Admin & Dashboard Template

Valex React + vite Admin & Dashboard Template

Note:-

Please refer Faq'spage in documentation itself for queries of customization like colors,rtl ,dark,styles,etc..

Folder Structure

VALEX/
    ├── src/
    |   ├── assets
    |   |   ├── css
    |   |   ├── iconfonts
    |   |   ├── img
    |   |   ├── plugins
    |   |   ├── landing
    |   |   ├── scss
    |   |   └── switcher
    |   ├── common
    |   ├── Components
    ├── layouts/
    |   ├── firebase
    |   ├── firebaseAuthentication
    |   ├── layoutcomponents
    |   ├── App.jsx
    |   ├── customAuthenticationPages.jsx
    |   ├── customSwitcher.jsx
    |   └── landing.jsx
    ├── index.scss
    ├── init.js
    └── main.jsx
    ├── eslint.json
    ├── .gitignore
    ├── gulpfile.js
    ├── index.html
    ├── package.json
    ├── README.md
    └── vite.config.js

#	File	Purpose
	assets	A folder where you can put images, css, json data anything else to be copied wholesale when you build your application.
	.env	. env file contains the individual user environment variables that override the variables set in the /etc/environment file. You can customize your environment variables as desired by modifying your .env file
	app.jsx	Defines AppModule, the root module that tells vite-react how to assemble the application. Right now it declares only the AppComponent. Soon there will be more components to declare.
	CustomAuthenticationPages.jsx	This is same as like app.jsx . you can create number of required appmodule and declare it individually. for example in this template our main module is App.jsx and CustomAuthenticationPages.jsx(Error and AuthenticationPages) , CustomSwitcher.jsx (switcher-1 page) are customised modules.
	index.scss	Global Sss/Scss code.
	main.jsx	Routing basically means navigating between pages. You have seen many sites with links that direct you to a new page. This can be achieved using routing.
	.gitignore	Git configuration to make sure autogenerated files are not commited to source control.
	generate-react-cli.json	The easiest way to create a component is with the React CLI. You can also create a component manually. By useing generate-react-cli.json
	gulpfile.js	Gulp is a task runner that uses Node. js as a platform. Gulp purely uses the JavaScript code and helps to run front-end tasks and large-scale web applications. It builds system automated tasks like CSS and HTML minification, concatenating library files, and compiling the SASS files.
	index.html	The main page that is served when someone visits your site. Most of the time you'll never need to edit it. The CLI automatically adds all tsx and css files when building your app so you never need to add any `<script>` or `<link>` tags here manually.
	package.json	npm configuration listing the third party packages your project uses. You can also add your own custom scripts here.
	vite.config.js	the file vite.config.js is the stands for configuration management tools. and we mostly use for to configure the root routing path