ReactLaravelMySQL

HiraSpark

Hiragana Learning Apps Powered by AI

HiraSpark

Role

Full Stack Developer

Duration

2 Months

Team

2 Developers

Links

Confidential

The Story

Overview

POTAS adalah aplikasi internal perusahaan untuk mengelola dan memonitor masa aktif SIM Card yang digunakan pada perangkat RTU IoT.

Background

Sebelumnya pengecekan masa aktif SIM Card dilakukan secara manual melalui website provider sehingga memakan waktu dan berpotensi terjadi keterlambatan perpanjangan.

The Problem

Tidak ada sistem monitoring terpusat, pencarian SIM sulit dilakukan, dan tidak tersedia notifikasi ketika masa aktif hampir habis.

The Solution

Membangun dashboard monitoring yang terintegrasi dengan proses scraping otomatis menggunakan Python Playwright, kemudian menyimpan hasilnya ke MySQL dan menampilkannya pada dashboard React.

Key Features

  • 01Dashboard Monitoring
  • 02SIM Card Management
  • 03Expired Notification
  • 04Search & Filter
  • 05Activity History
  • 06User Management

Challenges

Provider tidak menyediakan API sehingga diperlukan automation browser menggunakan Playwright untuk mengambil data secara berkala.

The Result

Monitoring menjadi otomatis dan mengurangi pekerjaan manual tim operasional.

Lessons Learned

Belajar membangun automation scraping yang stabil serta mengintegrasikan backend Laravel dengan React.

Gallery

HiraSpark gallery 1
HiraSpark gallery 2
HiraSpark gallery 3
HiraSpark gallery 4
© 2026 Abimanyu. All rights reserved.