Fathurrahman F monogramFathurrahman
Back to Projects
Office Project

MyZetta — ISP Management Back-office

PT Data Nusantara Adhikarya·Feb 2025 - Present
MyZetta — ISP Management Back-office

Overview

MyZetta Backoffice is an ISP (Internet Service Provider) management back-office. It gives operators a single control surface for the full subscriber lifecycle and day-to-day ISP operations, from onboarding and installation to billing and technical network administration. The platform spans dashboard analytics (subscribers by region and service, click/usage fluctuations, payment behavior), client management (users, customers, and subscribers with detail and editing flows), queueing, billing (invoices, payment journal, and restitution), installation operations (work orders/SPK, customer area locations, vendors, and vendor periods), sales, and CRM (offers, service types, information, and tickets). On the technical side it manages RADIUS clients, profiles, and NAS, plus OLT clients, and it includes master data for roles, branches, vendors, areas, collectors, payment guides, devices, and FAQs. Supporting modules cover access control, fluctuation-chart management, comprehensive logs (accounts, billing, sessions, journal, OTP, email, and messaging), live chat, and account-deletion requests. Built with Next.js 13 (Pages Router) and React 18, the back-office uses a role-based feature-access model enforced across menus and actions, with JWT-based sessions, Highcharts for analytics, Google Maps and OpenLayers for geographic views, and Socket.IO for real-time updates. It also ships a public microsite for privacy policy and account-deletion requests.

Key Capabilities

  • Subscriber lifecycle management (users, customers, subscribers) with detail and edit flows
  • Billing: invoices, payment journal, and restitution
  • Installation operations: work orders (SPK), customer area locations, vendor and vendor-period management
  • CRM: latest offers, service types, latest information, and ticketing
  • Technical network management: RADIUS clients, profiles, NAS, and OLT clients
  • Analytics dashboard: subscribers by region/service, usage fluctuations, payment behavior, OCR quota
  • Master data: roles, branches, vendors, areas, collectors, payment guides, devices, FAQ
  • Access control and per-role feature permissions
  • Fluctuation-chart management
  • Logs: accounts, billing, sessions, journal, OTP, email, and messaging
  • Live chat and account-deletion request handling
  • Public microsite for privacy policy and account deletion

Screenshots

Click to enlarge

Technologies Used

React.jsNext.jsReact Tanstack Query v5React Hooks FormYupSocket.ioJestBootstrap CSSPM2Nginx