Fullstack Developer

Project

Setiap case study dimulai dari apa yang bermasalah, lalu apa yang saya ubah dan bagaimana perilakunya sekarang.

Tabel reporting Oneapp ilustratif dengan data fiktif dan alur pemetaan data, penyelarasan kontrak API, validasi respons, serta pemrosesan data frontend; bukan screenshot produksi.
Ilustrasi konseptual dengan data atau status fiktif. Bukan screenshot produksi.

Sistem Reporting Marketing

Oneapp

Fullstack Developer

Reporting marketing. Pengguna mengakses dan mengelola data laporan yang dikirim backend ke frontend.

Masalah
Data reporting perlu diintegrasikan dan ditampilkan secara efisien pada frontend.
Kontribusi saya
Berkolaborasi dengan tim backend untuk memetakan data reporting yang dibutuhkan, menyelaraskan kontrak API, memvalidasi data yang dikembalikan, serta menyempurnakan alur pengambilan dan pemrosesan data aplikasi.
Stack
  • Vue.js
  • Quasar
  • Golang
  • Gin
  • PostgreSQL
Hasil
Data laporan kini mengalir melalui satu kontrak API yang disepakati, sehingga yang tampil di laporan sama dengan yang dikembalikan backend.
Lihat case study
Alur pemulihan Smart Audit ilustratif: inspeksi tersimpan, assignment gagal, kedua record diambil ulang, dan hanya langkah gagal diulang dengan lock_version terbaru. Status fiktif; bukan screenshot produksi.
Ilustrasi konseptual dengan data atau status fiktif. Bukan screenshot produksi.

Sistem Manajemen Audit

Smart Audit

Fullstack Developer

Proses audit: auditor mengerjakan tugas inspeksi, mencatat temuan, dan memvalidasi data sebelum masuk ke laporan.

Masalah
Request submission mobile yang terpisah dapat menyimpan inspeksi sementara assignment gagal, sehingga data tersimpan sebagian atau status menjadi tidak konsisten.
Kontribusi saya
Mempertahankan state lokal dan menambahkan penanda pemulihan, mengambil ulang record inspeksi serta assignment untuk mengetahui langkah yang sudah berhasil, dan hanya mengulang langkah yang gagal dengan lock_version terbaru.
Stack
  • Vue.js
  • Quasar
  • Golang
Hasil
Hanya langkah yang gagal yang diulang, sehingga penyimpanan sebagian tidak lagi memaksa pengguna mengirim ulang seluruh formulir.
Lihat case study
Alur Change Request PROMIS ilustratif: backend memeriksa status sebelumnya, role pengguna, dan tahap workflow yang diizinkan sebelum API menyediakan status, penanggung jawab, dan progres tervalidasi untuk frontend; bukan screenshot produksi.
Ilustrasi konseptual dengan data atau status fiktif. Bukan screenshot produksi.

Sistem Manajemen Project

PROMIS

Fullstack Developer

Pelacakan project dan Change Request untuk tim IT, dari request diajukan, dijadwalkan, sampai pekerjaan ditandai selesai.

Masalah
Transisi status Change Request yang hanya ditangani frontend dapat memungkinkan perubahan tidak valid atau melampaui hak akses saat request berpindah antar-tim dan tahap workflow.
Kontribusi saya
Menerapkan aturan transisi status pada backend berdasarkan status sebelumnya, role pengguna, dan tahap workflow yang diizinkan, lalu menyediakan data tervalidasi melalui API agar frontend menampilkan status, penanggung jawab, dan progres.
Stack
  • Next.js
  • NestJS
  • MySQL
Hasil
Change Request tidak lagi bisa melompati tahap atau dipindahkan oleh pengguna tanpa hak akses, karena backend menolak transisi itu sebelum tersimpan.
Lihat case study
Hubungi saya