Andika Permana Sidiq

Fullstack Developer

Andika
Permana Sidiq.

Dari API hingga interface.

Saya membangun sistem internal untuk reporting, operasional audit, dan pengelolaan project. Go dan REST API di sisi backend, Vue.js dan Next.js di sisi frontend.

Lihat project Hubungi saya

Tentang Saya

Saya bekerja sebagai Fullstack Developer di PT Smart Multifinance sejak Maret 2023, mengerjakan tiga sistem internal: Oneapp, Smart Audit, dan PROMIS.

Oneapp menangani reporting marketing, Smart Audit mendukung operasional audit, dan PROMIS mengelola project serta Change Request yang masuk ke tim IT. Sebagian besar prosesnya lintas tim: memetakan kebutuhan bersama stakeholder bisnis, menyepakati kontrak API dengan backend dan mobile developer, lalu membangun interface di atasnya. Di luar itu, pada 2024 saya sempat dua bulan menjadi Part-time Fullstack Developer untuk 112 Report, aplikasi pelaporan darurat berbasis lokasi milik Kominfo Kota Tangerang.

Masalah yang berulang di ketiga sistem itu sama: memastikan data yang tampil di interface benar-benar akurat. Sebagian besar waktu saya habis untuk validasi data, aturan alur dan hak akses, serta pemulihan ketika sebagian proses gagal.

Project Pilihan

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
Semua project

Keahlian Teknis

Backend

Layanan di balik REST API, sebagian besar dengan Go, serta NestJS dan Laravel pada project tertentu. Autentikasi, otorisasi, dan aturan bisnis yang menentukan apa yang boleh dilakukan setiap request.

  • Golang
  • Gin
  • NestJS
  • Laravel
  • REST API

Frontend

Interface yang dibangun di atas API tersebut, dari tabel laporan yang responsif sampai formulir yang harus tetap utuh ketika satu langkah pengiriman gagal.

  • JavaScript
  • TypeScript
  • Vue.js
  • Next.js
  • Quasar

Database

Skema relasional untuk data reporting dan workflow, beserta query yang menjaga layar-layar itu tetap responsif.

  • PostgreSQL
  • MySQL

Tools & Kolaborasi

Version control, serah terima desain, dan dokumentasi API yang menjaga pekerjaan backend, mobile, dan frontend tetap sejalan.

  • Git
  • GitHub
  • GitLab
  • Figma

Pengalaman Profesional

  1. Fullstack Developer

    PT Smart Multifinance

    Maret 2023 – Sekarang

    Penuh waktu
    • Membangun dan merawat sistem internal untuk reporting, operasional audit, dan pengelolaan project, mencakup layanan Go dan NestJS, interface Vue.js dan Next.js, serta skema PostgreSQL dan MySQL.
    • Merancang dan mengintegrasikan REST API yang menopang sistem-sistem itu, termasuk endpoint yang dipakai aplikasi mobile.
    • Bekerja bersama stakeholder bisnis untuk menerjemahkan kebutuhan menjadi kontrak API, lalu membangunnya bersama rekan backend, mobile, dan desain.
    • Menelusuri bug yang dilaporkan, memperketat validasi data, serta memperbaiki performa dan kenyamanan pemakaian layar-layar reporting.

  2. Fullstack Developer

    Kominfo — Kota Tangerang

    Agustus 2024 – September 2024

    Paruh waktu
    • Membangun aplikasi web pelaporan darurat 112 Report menggunakan Vue.js dan Laravel.
    • Mengimplementasikan alur pelaporan berbasis lokasi untuk laporan darurat yang masuk.
    • Menangani pengelolaan data laporan masuk secara real-time.

Pendekatan Pengembangan

  1. Pahami

    Menemukan aturan bisnis di balik permintaan: siapa boleh melakukan apa, dan pada status apa saja data itu sah berada.

  2. Rencanakan

    Menyepakati kontrak API sebelum kedua sisi dibangun, agar frontend tidak perlu menambal respons yang tidak bisa diprediksi.

  3. Bangun

    Menulis layanan dan interface mengikuti kontrak itu, dengan aturan yang menentukan tetap berada di sisi server.

  4. Validasi

    Menguji jalur yang gagal, bukan hanya yang berhasil: transisi yang ditolak, penyimpanan sebagian, dan record yang sudah basi.

  5. Sempurnakan

    Kembali ke bagian yang lambat atau membingungkan setelah sistem dipakai sehari-hari, lalu memperbaikinya berdasarkan perilaku nyata.

Hubungi Saya

Email adalah cara terbaik untuk menghubungi saya, dan catatan singkat tentang apa yang ingin Anda bicarakan sudah cukup untuk memulai.

Kirim email LinkedIn