RSK World - Dashboard Template | Admin Dashboard, Analytics, Users, Reports | RSK World

Sidebar & Layout Charts & Analytics Users & File Manager Reports & Settings Bootstrap 5

Dashboard Template is a comprehensive admin dashboard with responsive sidebar, real-time statistics (live visitors, revenue, users, sessions), Chart.js line and doughnut charts, data tables (Recent Users, Recent Orders) with sort and search, quick actions, dark mode (localStorage), and notification system. Pages: index.html (main dashboard), pages/login.html, analytics.html, users.html, file-manager.html, reports.html, settings.html. Services: api.js (ApiService, CacheService, WebSocketService, mock API), auth.js (login, session, remember me), notifications.js (toast + notification center), utils/helpers.js (DateUtils, StringUtils, ValidationUtils, etc.). Keyboard shortcuts: Ctrl+D dark mode, Ctrl+R refresh, Ctrl+N notifications, Ctrl+E export. By rskworld.in.

If you find this Dashboard Template project useful, you can support with a small contribution.

Secure Fast Trusted

Pay via UPI QR

Scan or tap an amount to auto-generate

₹

Open UPI app

GPay PhonePe Paytm

Download Dashboard Template

Dashboard Overview & Charts

Main dashboard (index.html) with real-time stats (live visitors, revenue, users, active sessions), Chart.js line chart (Revenue vs Expenses), doughnut chart (Revenue Sources), Recent Users and Recent Orders tables with sort and search. Quick actions to Users, Reports, File Manager, Settings. Dark mode toggle and keyboard shortcuts (Ctrl+D, Ctrl+R, Ctrl+N, Ctrl+E).

dashboard.js: initializeSidebar(), initializeCharts(), initializeDataTables(); revenue and revenueSources Chart.js instances.
index.html inline: initializeDarkMode(), startRealTimeUpdates(), updateLiveVisitors/Revenue/Users/Sessions; initializeDashboardCharts().
Sidebar: collapsible (localStorage), nav links to Analytics, Users, Files, Reports, Settings, Logout.
Stats cards: border-left-primary/success/info/warning; values update on intervals (5s–30s).
Tables: addTableSorting(), addTableSearch() for usersTable and ordersTable.

Project Structure & Files

Root: index.html (main dashboard). Pages: pages/login.html, analytics.html, users.html, file-manager.html, reports.html, settings.html. CSS: assets/css/style.css (sidebar, content, cards, tables, charts, dark mode, responsive). JS: assets/js/dashboard.js, auth.js, analytics.js, users.js, settings.js, file-manager.js, reports.js. components/notifications.js, services/api.js, utils/helpers.js. No build step.

index.html – dashboard layout, stats, charts, tables, quick actions; scripts: api.js, helpers.js, notifications.js, dashboard.js.
assets/css/style.css – sidebar (collapsed/expanded), content margin, card borders, chart-area/chart-pie, navbar, responsive breakpoints.
services/api.js – ApiService (REST, interceptors, mock API), CacheService, WebSocketService; window.apiService, cacheService, webSocketService.
utils/helpers.js – DateUtils, StringUtils, NumberUtils, ArrayUtils, ObjectUtils, StorageUtils, ValidationUtils, DOMUtils.
LICENSE (MIT) and README.md included – free to use, modify, and distribute. By rskworld.in.

Authentication & Notifications

auth.js: AuthService – login form (email/password), mock users (admin@rskworld.com/admin123, user@example.com/user123, demo@rskworld.com/demo123), token and user in localStorage, remember me, redirect to ../index.html. notifications.js: NotificationSystem – toasts (success, warning, error, info), notification center panel, sound/vibration, WebSocket subscription for real-time alerts.

Login: handleLogin(), mockLoginAPI(); setToken(), setUser(); password toggle, social buttons (UI).
NotificationSystem: show(), renderNotification(), showNotificationCenter(), markAllAsRead(), clearAll(); position, duration, maxNotifications.
Notification center: slide-in panel, list of notifications, Mark all as read, Clear all.
API service: login(), logout(), getCurrentUser(); mock API on localhost returns mock token and user.
Default credentials in README: Admin, User, Demo – session and remember me supported.

Analytics, Users & File Manager

analytics.html + analytics.js: real-time analytics, traffic, devices, geographic data. users.html + users.js: user management, CRUD, filtering, bulk operations, roles. file-manager.html + file-manager.js: file upload, preview, folder structure, search, storage analytics. reports.html + reports.js: report generation, export formats, scheduled reports.

API: getAnalytics(), getTrafficData(), getDeviceStats(), getGeographicData(); getUsers(), createUser(), updateUser(), deleteUser().
File upload: uploadFile(file, type), FormData; mock API supports development without backend.
Reports: multiple formats (PDF, Excel, Word, CSV); report analytics and sharing.
Settings (settings.html, settings.js): general, profile, security, notifications, theme, API config, backup/restore.
All pages share same sidebar/nav pattern and load shared services (api.js, helpers.js, notifications.js).

API Service & Utilities

ApiService: baseURL, Bearer token, request/response/error interceptors, get/post/put/patch/delete, timeout with AbortController. Mock API on localhost: mockApi() overrides request(), getMockResponse() for /auth/login, /users, /analytics, /dashboard/stats, /settings. CacheService: in-memory cache with TTL and maxSize. WebSocketService: connect, subscribe by type, reconnect logic.

api.js: ApiService, CacheService, WebSocketService; handleApiError() for 401/403/404/500 and redirect to login.
helpers.js: DateUtils (formatDate, timeAgo), StringUtils (slugify, isValidEmail), NumberUtils (formatCurrency), ArrayUtils (groupBy, sortBy), ValidationUtils (validate with rules), DOMUtils (debounce, throttle).
Mock responses: generateMockUsers(), generateMockTrafficData(), generateMockDeviceData(), generateMockGeographicData().
API endpoints: auth, users, analytics, dashboard, settings, notifications, upload, backup – all wired for real backend.
LocalStorage: dashboardTheme (dark/light), dashboard_token, dashboard_user, dashboardSettings, notificationSettings.

What You Get

Static HTML/CSS/JS: index.html, pages/*.html, assets/css/style.css, assets/js/*.js, components/notifications.js, services/api.js, utils/helpers.js, package.json (serve), README.md, LICENSE. No build step. Open index.html or run npx serve . (npm run dev). Technologies: HTML5, Bootstrap 5, Tailwind CSS, Chart.js, Font Awesome, Vanilla JS. © 2026 RSK World.

Complete source – all HTML, CSS and JS files ready to copy, customize, or embed in your admin or SaaS project.
No build step – open index.html in a browser or serve the folder (e.g. npm run dev); no bundler required.
README.md with features, structure, auth credentials, customization, deployment, license (dual: RSK World custom + GPLv3).
Technologies: HTML5, Bootstrap 5, Tailwind CSS, Chart.js, Font Awesome 6, Vanilla JS – works in all modern browsers. © 2026 RSK World.
MIT-compatible licensing – free for personal and commercial use with attribution; see LICENSE and LEGAL.md.

Usage

Open index.html to use the dashboard. Toggle sidebar, view real-time stats and charts, use Quick Actions to jump to Users, Reports, File Manager, Settings. Enable dark mode (toggle or Ctrl+D). Login at pages/login.html with admin@rskworld.com / admin123. View Files (browser.php) for file listing. Export dashboard data as JSON (Ctrl+E).

index.html – main dashboard with stats, Revenue Overview chart, Revenue Sources doughnut, Recent Users and Orders tables.
Live Demo link – points to ./index.html when file exists; View Files to browser.php for file listing.
Login: pages/login.html – email, password, Remember me; redirects to ../index.html on success.
Author: RSK World | rskworld.in – free admin dashboard template; contact for customization or integration.

Project Features

Responsive sidebar (collapsible, localStorage); real-time stats and Chart.js charts; data tables with sort/search; authentication (mock) and notification system; API service with mock mode; analytics, users, file manager, reports, settings pages; dark mode; keyboard shortcuts; Bootstrap 5 + Tailwind; vanilla JS.

Dashboard: sidebar, stats cards, line/doughnut charts, Recent Users/Orders tables, quick actions, dark mode, export JSON.
Auth & notifications: login (mock users), token/session; toast and notification center with sound/vibration.
Pages: Analytics, Users, File Manager, Reports, Settings – each with dedicated JS and shared services.
Bootstrap 5, Tailwind, responsive, toasts, keyboard shortcuts – modern admin UI; works on desktop and mobile.

Credits & Acknowledgments

Dashboard Template by RSK World. Admin dashboard with sidebar, charts, user management, analytics, file manager, reports, settings, and vanilla JS for learning front-end admin UI.

Dashboard Template – sidebar, real-time stats, Chart.js, tables, auth, notifications, API layer, multi-page. Free for learning and integration.
RSK World – Project creator and educational platform for UI/UX and admin dashboards.
Author: Molla Samser (Founder - RSK World). Designer & Tester: Rima Khatun. Website: https://rskworld.in. Email: help@rskworld.in | Phone: +91 93305 39277. Address: Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India.
Third-party credits: Font Awesome – Icons; Bootstrap – CSS/JS; Tailwind CSS – Utilities; Chart.js – Charts.
Razorpay – Payment integration; QR Server API – UPI QR. © 2026 RSK World. Dashboard Template under MIT/custom license.

Support & Contact

For Dashboard Template customization or integration help, please contact us.

Email: help@rskworld.in – for Dashboard Template customization, API integration, or general front-end questions.
Phone: +91 93305 39277 – direct contact for support, custom dashboard features, or bulk licensing inquiries.
Website: RSKWORLD.in – more free UI/UX and dashboard projects by RSK World.
Location: Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India – RSK World base for development and support.
Author: Molla Samser (Founder, RSK World) – creator of Dashboard Template and other educational projects.
Dashboard Template – README and documentation included for features, file structure, and usage.
Technical Support Available – get help with sidebar, charts, API service, or styling integration.
UI Component Requests Welcome – suggest new dashboard features or admin modules for future demos.