By: Codebucks
Email: codebucks007@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Thanks so much!
Clivax is built with Nodejs & Bootstrap v5.3.3 in Nodejs,You can change mode very quickly by doing a single change. It has many features like one to one chat, group chat, contact, send files, online users, read and unread new messages from users, authentication pages and many more.
Clivax-Nodejs
├── controllers
├── middleware
├── models
├── plugins
├── public
├── assets
├── css
├── fonts
├── images
├── js
└── libs
├── routes
├── routes.js
├── src
├── utils
├── views
├── partials
├── body.ejs
├── footer.ejs
├── head-css.ejs
├── main.ejs
├── menu.ejs
├── page-title.ejs
├── right-sidebar.ejs
├── sidebar.ejs
├── title-meta.ejs
├── topbar.ejs
└── vendor-scripts.ejs
└── all ejs pages
├── .env
├── .gitignore
├── example.env
├── index.js
├──.gitignore
├── package.json
├── package-lock.json
├── postcss.config.js
├── README.md
└── vite.config.js
Please follow below steps to install and setup all prerequisites:
To setup the admin theme, follow below-mentioned steps:
Make sure to have all above prerequisites installed & running on your computer
After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:
| Command | Description |
|---|---|
npm install
|
This command will download and install all the necessary dependencies for your project, including build tools, libraries, and plugins, ensuring your development environment is set up correctly. |
npm start
|
Runs the project locally, The development server is accessible at http://127.0.0.1:8000. |
To have light mode enabled, Keep your body element with data attribute
data-bs-theme="light" in the views/partials/body.ejs
E.g. <body data-bs-theme="light"> to
have Light layout.
To have dark mode enabled, Keep your body element with data attribute
data-bs-theme="dark" in the views/partials/body.ejs
E.g. <body data-bs-theme="dark"> to
have Dark layout.
To have rtl mode enabled, replace the reference of
bootstrap.min.css to
bootstrap-rtl.min.css and
app.min.css to
app-rtl.min.css in the views/partials/head-css.ejs.
Also add dir="rtl" in the html tag. e.g <html dir="rtl">
We've used the following images, files or other plugins URL, Licenses as listed.
| NAME | URL | LICENSE |
|---|---|---|
| Bootstrap | https://getbootstrap.com/ | MIT |
| Unsplash - Images | https://unsplash.com/ | MIT |
| Apexcharts | https://apexcharts.com/ | MIT |
| Choices js | https://github.com/Choices-js/Choices | MIT |
| Dropzone | https://www.dropzone.dev/js/ | MIT |
| Flatpicker | https://flatpickr.js.org/ | MIT |
| Full Calendar | https://fullcalendar.io/ | MIT |
| Gmaps | https://hpneo.dev/gmaps/examples.html | MIT |
| Jsvectormap | https://github.com/themustafaomar/jsvectormap | MIT |
| Moment | https://momentjs.com/ | MIT |
| Simplebar | https://grsmto.github.io/simplebar/ | MIT |
| Sweetalert 2 | https://sweetalert2.github.io/ | MIT |
| Swiper | https://swiperjs.com/ | MIT |
| Toastify js | https://apvarun.github.io/toastify-js/ | MIT |