Selected workCampus business partner

Topast-Kasir

Turning handwritten cash books into QRIS-powered digital transactions.

Scroll to unpack
Topast-Kasir interface preview
Topast-KasirFinal product / 2025
Client
Campus business partner
Role
Full-Stack Developer
Timeline
2 weeks
Year
2025
00Overview

The project,
in context.

A web-based point-of-sale solution built with Next.js and Firestore, integrated with the QRIS payment gateway, that converts manual cash transactions into digital ones with automatic sales recording — built for campus business partners still tracking payments by hand.

  • Next.js
  • TypeScript
  • Firestore
01The challenge

What needed to change

Finding the real
problem first.

Business partners on campus had already adopted QRIS for digital payments, but every transaction still had to be copied by hand into a cash book afterward. The real problem wasn't accepting digital payments — it was that no system connected the payment to the record.

Topast-Kasir process and architecture
Process / ArchitectureFrom constraint to system
02The approach

Decisions with
a reason.

I studied how QRIS actually works end-to-end, from dynamic QR generation to the payment verification callback, then designed Next.js API endpoints to handle the full transaction flow reliably. Because the frontend cashier interface and backend payment logic were tightly coupled, optimizing Firestore queries for sales reports meant constantly reconsidering how that data would render on screen.

03The solution

Complexity,
made useful.

The result is a responsive cashier interface with real-time payment notifications powered by Firestore data sync, replacing manual bookkeeping with automatic, always-current sales records the moment a QRIS payment clears.

Topast-Kasir final implementation
Final implementationDesigned to perform
04Outcomes

The impact,
made tangible.

012 wks

From concept to working solution

02Real-time

Payment confirmation via Firestore sync

03Manual → 0

Handwritten cash book entries eliminated

Next case study / 2025

Kostlife

Keep exploring