🙏 Thank you for purchasing Snow - Node JS Admin Dashboard Template.
If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.Support Email: sup.srbthemes@gmail.com
Introduction
Snow - Node JS is a powerful admin dashboard template built with Node JS 18.18.0 & Tailwind CSS . Snow - Node JS comes with dozens of functional designs to help you get started quickly. With a wide range of beautiful styles it’s a perfect fit for admin dashboards, eCommerce, CRM, CMS, LMS panels and etc. If you are looking to take your app to the next level – Snow is the way to go!
The Snow - Node.js Admin Dashboard Template includes MongoDB authentication.
Requirements
This guide will walk you through the installation process and prerequisites to get your admin dashboard up and running smoothly.
| Task | Instructions |
|---|---|
| Node.js: | Ensure that you have Node.js installed. You can download it from : nodejs.org. |
| tailwind confing | The simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool. https://tailwindcss.com/ |
Installation
Follow these simple steps to install and set up Snow Nodejs Admin Template:
Step 1: Unzip
Unzip The Downloaded Folder and open it in vscode or any other code editor you use.
Step 2: Navigate to the Project Directory
Run the command cd ./Admin in the Terminal
Step 3: Configure Environment Variables
In the root directory, you'll find a config.env file where you can set the DATABASE_URL for your MongoDB database.
Step 4: Run the following command to install the project dependencies:.
npm install Step 5: Run the following command to build the assets. It will create public dir and copy all required assets like js, css and images.
npm run build Step 6 : Run following command in the terminal and enjoy development with Snow.
npm run start Folder Structure
├── 📁 Admin
├── 📁 Controller
├── 📁 Models
├── 📁 plugins
├── 📁 public
├── 📁 routes
| └── 📄 routes.js
├── 📁 src
| └── 📁 assets
| ├── 📁 css
| ├── 📁 images
| └── 📁 js
├── 📁 utils
├── 📁 views
├── 📄 app.js
├── 📄 config.env
├── 📄 package-lock.json
├── 📄 package.json
├── 📄 tailwind.config.js
└── 📄 tailwind.css
Node JS Structure
<%- include ('../partials/main') %> <head> <%- include ('../partials/title-meta') %> <%- HeaderCss %> <%- include ('../partials/head-css') %> </head> <%- include ('../partials/body') %> <%- include ('../partials/overlay') %> <!-- Start Main Content --> <div class="main-container navbar-sticky flex" :class="[$store.app.navbar]"> <%- include ('../partials/sidebar') %> <!-- Start Content Area --> <div class="main-content flex-1"> <%- include ('../partials/navbar') %> <!-- Start Content --> <div class="h-[calc(100vh-73px)] overflow-y-auto overflow-x-hidden"> <%- body%> <%- include ('../partials/footer') %> </div> </div> <%- include ('../partials/right-sidebar') %> </div> <%- include ('../partials/vendor-scripts') %> <%- FooterJs %> <!-- Custom js --> <script src="/assets/js/custom.js"></script> </body> </html>
Layout
Layouts covers all theme configuration settings if you want to apply manually in project.
| Layout Name | Details |
|---|---|
Dark Version |
In order to have Dark mode enabled,
only add dark class in HTML tag like, <html class="dark" lang="en"> |
CSS
Snow Built with latest version of CSS3.
| File Name | Details |
|---|---|
css/style.css |
Tailwind CSS |
css/swiper-bundle.min.css |
Swiper CSS |
css/fancybox.css |
Fancybox CSS |
css/accordion.min.css |
Accordion CSS |
Javascript
Snow Built with Javascript
| File Name | Details |
|---|---|
js/alpine.min.js |
Alpine js |
js/swiper-bundle.min.js |
Swiper Js |
js/apexcharts.js |
ApexCharts js |
js/fancybox.umd.js |
Facncybox Js |
js/custom.js |
All Custom js files |
Credit & Resources
We have used the following plugins.
Support
Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.
- sup.srbthemes@gmail.com
Changelog
Initial Released