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.

Super Admin Login Tenant Login Customer Portal Hotspot Portal

🔐 Authentication Pages

Super Admin Login

Platform-level administrator login for managing all tenants and system configuration.

ISP operator login page for accessing the tenant management dashboard.

Customer Portal Login

Self-service portal login for internet subscribers to manage their accounts.

🛡 Super Admin Panel

Super Admin Panel

Platform overview with tenant management, billing, system health, and global settings.

🏢 Tenant Dashboard

Main overview with KPIs, revenue charts, recent activity, and quick actions.

Full client management with search, filters, add/edit, PPPoE credentials, and status control.

Plans & Packages

Manage internet plans with speed tiers, pricing, billing cycles, and MikroTik profiles.

Invoice management with generation, PDF download, status tracking, and bulk operations.

Payment records with M-Pesa, cash, bank transfer support and reconciliation tools.

Support Tickets

Help desk with ticket creation, assignment, priority levels, and resolution tracking.

Revenue, client growth, payment, and network performance reports with charts.

Company profile, SMS/email notifications, payment gateway, and user management.

🌐 Network Management

MikroTik Management

Router management, PPPoE sessions, active users, bandwidth queues, and API integration.

Network Monitor

Live network status, device health, traffic monitoring, and alert management.

Bandwidth Usage

Per-client and aggregate bandwidth analytics with peak usage and trend charts.

OLT / ONU Management

Fiber OLT device management with ONU listing, signal levels, and reboot controls.

Hotspot Management

Hotspot sessions, voucher generation, plan management, and revenue analytics.

🏗 Operations

Agents & Commissions

Sales agent management with commission tracking, performance metrics, and payouts.

Staff management with roles, departments, salary records, and HR information.

Business expense tracking by category with charts, receipts, and monthly summaries.

Sales pipeline with Kanban board, lead tracking, conversion tools, and assignment.

Equipment and supplies tracking with stock levels, issue management, and low-stock alerts.

🌍 Public Portals

Customer Self-Service Portal

Subscriber portal for viewing invoices, paying online, checking usage, and raising tickets.

Hotspot Captive Portal

WiFi login page with M-Pesa payment, voucher redemption, and session management.

🛠 Tech Stack

🌐 HTML5

🎨 CSS3 (Custom Design System)

⚡ Vanilla JavaScript

📊 Chart.js 4.4

🔤 Google Fonts (Inter)

📱 Fully Responsive

🔒 Auth via localStorage

🌙 Dark Sidebar