My DentMate is an advanced dental clinic management platform designed to revolutionize how clinics operate and connect with patients. With seamless online appointment scheduling, real-time availability, secure doctor-patient messaging, automated reminders, and comprehensive patient history tracking, it empowers both the clinic and its visitors to manage care effortlessly.

This solution features a dual-platform architecture: a mobile application tailored for patients, and a powerful web interface for super admins, clinic admins, finance teams, dentists, and assistants. I led the development of the web interface and backend system, ensuring a secure and scalable infrastructure.

Built with PHP, MySQL, and CodeIgniter 4, the backend delivers robust performance. I used Node.js for JavaScript asset management, Bootstrap for interface consistency, and integrated Socket.IO to power real-time chat and employee attendance tracking. Appointment reminders are processed via RabbitMQ, and Redis is used to boost responsiveness through caching.

One of the standout capabilities of this platform is its integration with **Satu Sehat**, Indonesia’s national health integration platform. This is achieved through compliance with **FHIR (Fast Healthcare Interoperability Resources)** standards as defined by the **World Health Organization**, ensuring secure and standardized data exchange across healthcare systems.

The mobile application was developed by [Gagas Sangga Pratama](https://gagas.web.id), making this a strong collaborative project delivering real impact to clinical workflows.

If you're interested in building a similar clinic management system or need help enhancing an existing one, feel free to reach out via the contact page.

A dental clinic management system integrated with Satu Sehat.

My DentMate

The Display Infographics system for YBPPK (Buana Pangkal Perjuangan Karawang Foundation) is a dynamic digital signage solution deployed across all monitors within the organization’s offices. It delivers real-time, visually engaging content designed to keep the entire team informed, aligned, and connected.

I engineered this full-stack application using AdonisJS v6, fully typed with TypeScript and powered by InertiaJS to provide a seamless single-page application experience. The data layer runs on MySQL, while Redis is used for session storage and efficient caching.

The system supports a wide range of content types, including bar charts, pie charts, line charts, image slides, YouTube video embeds, and native videos such as uploaded MP4 files—giving the foundation full flexibility to deliver data and messages in the most impactful formats.

On the frontend, I crafted a fast and reactive interface using Svelte, styled with TailwindCSS for modern, utility-first UI design. The entire ecosystem is containerized with Docker, allowing for streamlined deployment, scalability, and operational consistency across environments.

If you're looking to build a custom display system for your organization or enhance internal communication through real-time digital signage, feel free to contact me through the contact page.

A display system for infographics of Yayasan Buana Pangkal Perjuangan Karawang.

YBPPK Infographic Display

The WhatsApp bot "Purwakarta Istimewa" is part of PISA, an integrated public service information system designed to make citizen interaction with local government faster, more accessible, and more transparent. This system enables citizens to submit and track reports, engage in real-time consultations, and receive official responses—all directly through WhatsApp.

Built with AdonisJS v5 using Node.js and TypeScript, the backend connects to a MySQL database and features a frontend rendered using Edge (AdonisJS’s templating engine) styled with Bootstrap. For direct communication, the platform integrates Socket.IO to power real-time chat between citizens and admin officers. The system is officially connected to the WhatsApp Business API, and I developed and open-sourced a custom AdonisJS v5 package to support this integration, available on my GitHub.

Data security is a top priority. Sensitive citizen data—including personal identities and conversation logs—is fully encrypted in the database to maintain confidentiality and compliance with data protection standards.

Here’s how it works: if a citizen is not yet registered in the system, the bot will first request essential information such as full name, national ID (NIK), and area of residence. Once registered, citizens can choose to submit a report, chat directly with the public complaint officer, or view and track their previous submissions.

For report submission, users are prompted to enter details such as the report type (complaint, information request, or aspiration), a title, a full description, and optional attachments like images or shared location data. Once submitted, the report is assigned to a relevant department or agency (OPD) by the complaint admin. OPD admins receive WhatsApp notifications and must follow up through the PISA web interface, where they can respond with comments, attach supporting files, and mark reports as resolved once completed.

The system also includes a reporting feature that allows exporting all reports within a selected date range to Excel, and exporting individual reports to PDF. To ensure lightweight PDF generation, I used PHP and DomPDF via a system-level interpreter, avoiding the overhead of Puppeteer in Node.js environments.

If you're planning to build a similar public-facing chatbot or integrate real-time government services over WhatsApp, feel free to reach out via the contact page.

A WhatsApp bot for public complaints with an integrated management system.

Public Complaints WhatsApp Bot

Papais CCTV is a modern, lightweight web-based platform developed to help the people of Purwakarta monitor public CCTV feeds in real time. Rebuilt from the ground up using SvelteKit, this version eliminates the need for a database by relying on static JSON files that are easily customizable without being bundled in the SvelteKit build process. It offers both high performance and maintainability.

Developed in a Node.js environment with TypeScript, the interface is styled using TailwindCSS for a clean and responsive user experience. To address the security and compatibility limitations of directly serving RTSP streams—which often contain embedded usernames and passwords and are poorly supported in browsers—I implemented an RTSP-to-M3U8 conversion pipeline using FFmpeg. This approach ensures that streams are safe to serve and can be played reliably across modern browsers using well-supported JavaScript libraries.

The system also performs periodic health checks on each RTSP endpoint. If a camera is unreachable, its status is automatically updated in the JSON file to reflect its offline state. The served M3U8 files are secured to prevent unauthorized access and abuse, especially for individuals attempting to extract and monetize the resources without consent.

Previously, Papais CCTV was built using CodeIgniter 3 and MySQL, which proved to be inefficient for managing largely static data. The earlier version also lacked containerization and relied on manual Bash scripts and TMUX sessions to keep stream conversions running in the background. These processes were prone to disconnection issues and required manual restarts. In the latest version, all scripts are wrapped within Docker containers, including the web service itself, and are equipped with auto-restart mechanisms for better reliability and maintainability.

For video playback, the older system used a heavy JavaScript library that was difficult to customize. The new implementation uses a minimal and focused library designed solely for playing M3U8 files. I built custom UI controls including play, pause, picture-in-picture, and cinema mode for a more controlled and optimized playback experience.

Additionally, [Gagas Sangga Pratama](https://gagas.web.id) has unofficially developed a mobile version of Papais CCTV, which has received positive feedback from the community for its ease of use and accessibility.

If you're interested in creating a secure and scalable public video monitoring platform or need help modernizing an existing system, feel free to get in touch through the contact page.

A website displaying public CCTV in Purwakarta with RTSP to M3U8 conversion.

Papais CCTV

Mal Pelayanan Publik Bale Madukara is an advanced queue management system designed to streamline public services in Purwakarta. The platform, built with PHP, MySQL, and Laravel, leverages Filament, Livewire, and Alpine.js to create a seamless and responsive user interface for both the staff and the public.

This system supports multiple tenants within the mall, with real-time queue calling using Socket.IO. Displays for queue numbers are placed in various locations throughout the mall, ensuring that everyone is kept informed. The kiosk interface is modern and eye-catching, offering intuitive usability while maintaining full functionality. The queue system is synchronized to handle both walk-in customers and those who make reservations via the mobile app.

I developed the backend as a RESTful API that enables real-time interaction and synchronization between the physical queueing system and the mobile application. The app, developed by [Gagas Sangga Pratama](https://gagas.web.id), allows citizens to book tickets ahead of time, making the entire experience more efficient and user-friendly.

Additionally, I implemented a company profile system within the same platform, ensuring that the data displayed at the mall and on the website remain synchronized. The company profile showcases essential information, such as the number of agencies, available services, average queue times, today's queue statistics, service schedules for each agency and service type, and news updates.

For reliability and secure performance, I utilized Caddy for the web server, taking advantage of its built-in SSL auto-renewal. The entire system is deployed on Ubuntu Linux, running on Proxmox virtualization, ensuring scalability and robustness.

If you are interested in building a queue management system or need assistance with integrating a seamless service experience for your business, feel free to contact me through the contact page.

A queue management system with company profiles for MPP Bale Madukara.

MPP Bale Madukara Purwakarta

Company profile website for Lembaga Dakwah Kampus Wastukancana.

LDK WASKA

A company profile website for Nasional HR Institute with seminar ticket booking system.

National HR Institute

Frontend system for displaying content on the Kabupaten Purwakarta company profile portal.

Frontend Portal Purwakarta

Backend system for managing content on the Kabupaten Purwakarta company profile portal.

Backend Portal Purwakarta

AdonisJS package for easy WhatsApp Business API integration with ready features.

AdonisJS WhatsApp

Indonesian postal code search API by place, village, or city with fuzzy search.

RESTful API Kodepos

An API providing Prodeskel statistics data scraped using Puppeteer with optimized caching.

Scraping Data Prodeskel

A free RESTful API providing Duas and Dhikr based on the Sunnah of Prophet ﷺ.

RESTful API Dua & Dhikr

A display app for mosques with prayer times, Hijri date, and customizable themes.

Awqat Display Masjid

An information system for managing telecom towers and ICT assets efficiently.

Sidara Antik

A queue management system for BAPENDA Purwakarta, tailored for public services.

Queue System for BAPENDA Purwakarta

A system for recording and tracking health lab research data in Purwakarta.

Labkesda Purwakarta

A platform providing investment opportunities and public service innovations in Purwakarta.

Silapak Prestasi

A system to monitor and display interim and final PILKADES results.

Sistem Informasi Pantau Lapor Pilkades

A company profile website of Dinas Sosial P3A Kabupaten Purwakarta.

Website Dinas Sosial P3A Purwakarta

A company profile website of Dinas Perikanan dan Peternakan Kabupaten Purwakarta.

Website DISKANNAK Purwakarta

A company profile website of Kepolisian Resor Kabupaten Purwakarta.

Website Polres Purwakarta

A web-based calculator to simulate PBG retribution fees.

Sistem Informasi Kalkulator Retribusi

An internal system for planning asset needs within a government office.

Sistem Informasi Kebutuhan Aset

A self-assessment web app to check COVID-19 symptoms and risk level.

Covid-19 Self-Test

A WhatsApp bot to convert various file types into a single PDF.

PDF Bot

A company profile website of SMK Negeri 1 Pemalang.

SMK Negeri 1 Pemalang

A web app for students to check their graduation status online.

Cek Kelulusan

An online attendance system for students to record daily presence.

e-Presensi

A web app to help students independently choose their PKL placements.

Suluh Sulistiawan

Projects

Loading...