ISP Billing System Frontend

Sayar Billing

A complete multi-tenant ISP management platform with Super Admin panel, Tenant dashboards, Customer portal, and Hotspot captive portal.

๐Ÿ” Authentication Pages
๐Ÿ›ก
Super Admin Login
Platform-level administrator login for managing all tenants and system configuration.
Super Admin
๐Ÿ”‘
Tenant Login
ISP operator login page for accessing the tenant management dashboard.
Tenant
๐Ÿ‘ค
Customer Portal Login
Self-service portal login for internet subscribers to manage their accounts.
Customer
๐Ÿ›ก Super Admin Panel
๐Ÿ“Š
Super Admin Panel
Platform overview with tenant management, billing, system health, and global settings.
Super Admin
๐Ÿข Tenant Dashboard
๐Ÿ“Š
Dashboard
Main overview with KPIs, revenue charts, recent activity, and quick actions.
Tenant
๐Ÿ‘ฅ
Clients
Full client management with search, filters, add/edit, PPPoE credentials, and status control.
Tenant
๐Ÿ“ฆ
Plans & Packages
Manage internet plans with speed tiers, pricing, billing cycles, and MikroTik profiles.
Tenant
๐Ÿงพ
Invoices
Invoice management with generation, PDF download, status tracking, and bulk operations.
Tenant
๐Ÿ’ณ
Payments
Payment records with M-Pesa, cash, bank transfer support and reconciliation tools.
Tenant
๐ŸŽซ
Support Tickets
Help desk with ticket creation, assignment, priority levels, and resolution tracking.
Tenant
๐Ÿ“‘
Reports
Revenue, client growth, payment, and network performance reports with charts.
Tenant
โš™๏ธ
Settings
Company profile, SMS/email notifications, payment gateway, and user management.
Tenant
๐ŸŒ Network Management
๐Ÿ”ง
MikroTik Management
Router management, PPPoE sessions, active users, bandwidth queues, and API integration.
Tenant
๐ŸŒ
Network Monitor
Live network status, device health, traffic monitoring, and alert management.
Tenant
๐Ÿ“ˆ
Bandwidth Usage
Per-client and aggregate bandwidth analytics with peak usage and trend charts.
Tenant
๐Ÿ’ก
OLT / ONU Management
Fiber OLT device management with ONU listing, signal levels, and reboot controls.
Tenant
๐Ÿ“ถ
Hotspot Management
Hotspot sessions, voucher generation, plan management, and revenue analytics.
Tenant
๐Ÿ— Operations
๐Ÿค
Agents & Commissions
Sales agent management with commission tracking, performance metrics, and payouts.
Tenant
๐Ÿ‘”
Employees
Staff management with roles, departments, salary records, and HR information.
Tenant
๐Ÿ’ธ
Expenses
Business expense tracking by category with charts, receipts, and monthly summaries.
Tenant
๐ŸŽฏ
Leads & CRM
Sales pipeline with Kanban board, lead tracking, conversion tools, and assignment.
Tenant
๐Ÿ“ฆ
Inventory
Equipment and supplies tracking with stock levels, issue management, and low-stock alerts.
Tenant
๐ŸŒ Public Portals
๐Ÿ–ฅ
Customer Self-Service Portal
Subscriber portal for viewing invoices, paying online, checking usage, and raising tickets.
Customer
๐Ÿ“ถ
Hotspot Captive Portal
WiFi login page with M-Pesa payment, voucher redemption, and session management.
Hotspot
๐Ÿ›  Tech Stack
๐ŸŒ HTML5
๐ŸŽจ CSS3 (Custom Design System)
โšก Vanilla JavaScript
๐Ÿ“Š Chart.js 4.4
๐Ÿ”ค Google Fonts (Inter)
๐Ÿ“ฑ Fully Responsive
๐Ÿ”’ Auth via localStorage
๐ŸŒ™ Dark Sidebar