Aanang/
Tersedia untuk proyek baru & posisi full-time

Software developer yang membangun aplikasi web untuk menyelesaikan masalah operasional nyata.

Saya bekerja lintas frontend UI, backend services, database relasional, otorisasi peran, dan integrasi API eksternal. Terbiasa memelihara sistem yang sudah ada maupun merancang platform baru dari awal.

Teknologi Utama

Laravel & PHPNext.js & ReactTypeScriptNode.jsMySQL & PostgreSQLPrisma & DrizzleREST & WebhooksTTE & PDF EnginesTailwind CSS
Lihat Proyek PilihanKontak Langsung
developer_manifest.json
● AKTIF
// SPESIALISASI
Full-Stack Web & Dashboard Admin Internal
// PARADIGMA UTAMA
Laravel (PHP) & Next.js (TS)
Relational Modeling & Query Tuning
RBAC Policies & Signature (TTE) Workflows
Dynamic PDF Generation & Webhooks
// FILOSOFI REKAYASA

Menghubungkan UI, API, database, dan layanan pihak ketiga dengan tipe data bersih, penanganan error yang andal, tanpa bloat yang tidak perlu.

01.Proyek Pilihan

Sistem Produksi & Aplikasi Web

Sistem nyata yang dibangun dengan arsitektur bersih, batasan keamanan ketat, dan integrasi menyeluruh.

01ASN Digital•Enterprise / Internal App
Telah Diluncurkan & Beroperasi

Sistem alur administrasi digital & manajemen tanda tangan elektronik (TTE)

Peran:Full-Stack Developer (Arsitektur Inti & Implementasi Fitur)
Masalah Operasional

Alur kerja administrasi publik mengalami kendala rute dokumen manual, verifikasi berbasis kertas yang lambat, minimnya riwayat audit, dan proses penandatanganan yang terfragmentasi antar divisi.

Solusi Rekayasa

Merancang platform administrasi yang mengelola siklus dokumen elektronik dari awal hingga akhir: antrean persetujuan otomatis, delegasi hierarki berbasis peran, pembuatan PDF dinamis, rendering preview Base64, dan integrasi gateway Tanda Tangan Elektronik (TTE) tersertifikasi dengan verifikasi webhook otomatis.

Arsitektur & Subsistem

UI & Client
  • Blade Templates
  • Modern Vanilla JS
  • DataTables (Server-side)
  • AJAX Pipeline
Backend & Logika
  • Laravel
  • PHP 8
  • Custom Service Layer
  • Form Requests
  • Policy & RBAC
Database & Penyimpanan
  • MySQL
  • Relational Indexes
  • Optimized Query Aggregations
Layanan Eksternal
  • Gateway Tanda Tangan Elektronik (TTE)
  • Webhook Receiver
  • DomPDF Engine

Implementasi Rekayasa Kunci

Integrasi REST API Tanda Tangan Elektronik (TTE) tersertifikasi dan webhook listener untuk validasi dokumen asinkron.
Membangun matriks persetujuan bertingkat dengan izin dan delegasi berbasis kebijakan (policy) granular.
Implementasi pembuat dokumen PDF dinamis via DomPDF, stempel barcode/QR, dan streaming preview Base64.
Optimasi DataTables dengan paginasi sisi server untuk kueri relasional multi-filter pada dataset organisasi.
LaravelPHPMySQLBladeJavaScriptDataTablesREST APIsWebhooksTanda Tangan Elektronik / TTEDomPDFRole-Based Access Control
// production_spec
02Aplikasi Voting Real-Time•Real-time Full Stack
Siap Produksi

Platform pemungutan suara konkuren dengan sinkronisasi hasil instan

Peran:Full-Stack Developer
Masalah Operasional

Sistem voting web tradisional sering terkendala pencegahan vote ganda, data sisi klien yang usang saat rekapitulasi cepat, dan bottleneck penguncian database saat vote masuk secara bersamaan.

Solusi Rekayasa

Merancang aplikasi voting real-time memanfaatkan Next.js App Router, Prisma ORM, MySQL, dan sinkronisasi state real-time. Membangun surat suara terotentikasi dengan batasan transaksi ketat satu-orang-satu-suara serta telemetri admin langsung.

Arsitektur & Subsistem

UI & Client
  • Next.js (App Router)
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui primitives
Backend & Logika
  • Next.js Server Actions / Route Handlers
  • Node.js
  • WebSocket / Sinkronisasi Real-time
Database & Penyimpanan
  • MySQL
  • Prisma ORM
  • Transaksi ACID
Layanan Eksternal
  • Otentikasi Sesi
  • Broadcast Real-Time

Implementasi Rekayasa Kunci

Pemrosesan voting transaksional dengan jaminan database atomik untuk secara mutlak mencegah suara ganda.
Implementasi siaran hasil voting langsung secara real-time ke klien yang terhubung tanpa overhead polling berkala.
Mendesain dasbor administratif untuk pengelolaan surat suara, verifikasi pemilih, dan analitik langsung.
Memanfaatkan TypeScript end-to-end memastikan keamanan tipe data sejak kueri database hingga antarmuka UI.
Next.jsReactTypeScriptMySQLPrismaWebSockets / Real-TimeTailwind CSSOtentikasi
// production_spec

Sistem Tambahan & Implementasi Klien

Client / Database AppTelah Diserahkan

Fior Wedding Organizer

Frontend & Full-Stack Developer

Mengembangkan aplikasi web modern untuk wedding organizer dengan katalog paket responsif, galeri portofolio dinamis, formulir penjadwalan, dan dasbor database untuk mengelola data prospek klien.

Fokus Utama

  • Merancang antarmuka berkualitas editorial yang berkinerja tinggi dengan fokus pada navigasi visual yang mulus.
  • Implementasi skema konten berbasis database untuk pembaruan harga paket, kurasi galeri, dan layanan.
  • Desain tata letak responsif mobile-first untuk pengalaman browsing optimal di perangkat seluler.
Next.jsReactTypeScriptTailwind CSSPrismaPemodelan Database
Marketing & Service WebBerbagai Implementasi

Platform Web Perusahaan & Bisnis

Frontend & Web Developer

Membangun platform web bisnis menggunakan Next.js, React, dan Tailwind CSS. Menjembatani presentasi visual yang elegan dengan arsitektur teknis yang kokoh.

Fokus Utama

  • Menyusun pipeline metadata SEO, sitemap, OpenGraph tags, dan markup semantik untuk visibilitas tinggi.
  • Membangun pustaka komponen modular tanpa beban script yang memperlambat browser.
  • Validasi formulir kontak di sisi server dengan dispatcher notifikasi otomatis.
Next.jsReactTypeScriptTailwind CSSOptimasi SEODesain ResponsifREST Endpoints
02.Pengalaman Teknis

Arsitektur Sistem & Kapabilitas Produksi

Didokumentasikan melalui jenis sistem nyata dan domain rekayasa teknis, bukan timeline buatan.

DOMAIN // 01

Aplikasi Web Enterprise & Internal

Alur Kerja Administrasi, Portal Organisasi & Sistem Dokumen

Fokus Utama

Pengalaman luas merancang dan memelihara sistem internal misi kritis di mana integritas data, jejak audit, keamanan berbasis peran, dan logika bisnis kompleks adalah hal mutlak.

Kapabilitas Produksi Utama
  • Alur kerja persetujuan hierarki bertingkat & mesin status (state machines)
  • Role-Based Access Control (RBAC) dan penegakan izin akses granular
  • Pengelolaan data pegawai, struktur hierarki organisasi, dan arsip data terstruktur
  • Dasbor kaya data dengan paginasi sisi server, filter multi-kolom, dan pengurutan
  • Pembuatan dokumen, streaming preview Base64, dan integrasi tanda tangan elektronik (TTE)
  • Pipeline upload file aman dengan validasi tipe mime dan pengindeksan metadata
Pola Arsitektur & Standar
Arsitektur Service LayerOtorisasi Kebijakan (Policy) & MiddlewareServer-side DataTables dengan optimasi kueri SQLRekonsiliasi Webhook Asinkron
Teknologi
LaravelPHPMySQLPostgreSQLDataTablesBladeDomPDFREST APIs
DOMAIN // 02

Rekayasa Full-Stack Laravel

Layanan Backend Andal, Pemodelan Eloquent & Aplikasi Web Monolitik

Kekuatan Backend

Keahlian teknis mendalam pada ekosistem Laravel—membangun backend yang terawat dengan pemisahan tugas yang jelas, kueri SQL teroptimasi, validasi form request, dan integrasi API eksternal.

Kapabilitas Produksi Utama
  • Layanan domain terstruktur, model, dan pemetaan relasi Eloquent yang kompleks
  • Form Request granular, aturan validasi kustom, dan PHP Enums untuk integritas status
  • Keamanan berbasis middleware, otorisasi policy, dan sistem Spatie Permission
  • Endpoint webhook dengan verifikasi tanda tangan kriptografis dan pemrosesan idempoten
  • Pembuatan dokumen PDF otomatis via DomPDF, stempel digital, dan penyematan aset
  • Desain RESTful API dengan respon JSON terstruktur, penanganan error, dan rate limiting
Pola Arsitektur & Standar
Pola Repository & ServiceCustom Eloquent Scopes & RelationshipsValidasi Siklus Hidup Form RequestAntrean (Queue) & Event Listeners
Teknologi
LaravelPHP 8+MySQLEloquent ORMSpatie PermissionsDomPDFComposer
DOMAIN // 03

Full-Stack JavaScript & TypeScript Modern

Next.js App Router, Arsitektur React & Database Type-Safe

Modern Stack

Membangun aplikasi web reaktif dan type-safe menggunakan React dan Next.js modern. Menulis Server Components dan Client Components yang efisien, merancang skema dengan Prisma/Drizzle, dan menghubungkan pembaruan real-time.

Kapabilitas Produksi Utama
  • Arsitektur Next.js App Router memanfaatkan Server Components dan seleksi Client Components
  • Keamanan tipe data end-to-end dari skema database (Prisma/Drizzle) hingga properti UI
  • Sistem otentikasi memanfaatkan Auth.js, Clerk, dan penyedia OAuth (Google, kredensial)
  • Sinkronisasi event real-time dan manajemen state konkuren (WebSockets, real-time sync)
  • Arsitektur komponen dengan Tailwind CSS dan primitif shadcn/ui yang aksesibel
  • Implementasi antarmuka responsif tanpa dependensi visual yang berlebihan
Pola Arsitektur & Standar
Server Actions & API Route HandlersValidasi Skema Type-safe (Zod)Optimistic UI & Revalidasi CacheHierarki Komponen Modular
Teknologi
Next.jsReactTypeScriptPrisma ORMDrizzle ORMNode.jsPostgreSQLMySQL
DOMAIN // 04

Integrasi Sistem & Pemrosesan Dokumen

Tanda Tangan Elektronik (TTE), Webhook, API & DevOps

Integrasi & Rilis

Menghubungkan sistem independen yang awalnya tidak dirancang untuk saling berkomunikasi. Menangani callback asinkron, membuat dokumen resmi, dan mengelola alur deployment.

Kapabilitas Produksi Utama
  • Integrasi API & alur verifikasi Tanda Tangan Elektronik (TTE / Sertifikasi Elektronik)
  • Pemroses webhook masuk & keluar dengan ketahanan retry dan validasi tanda tangan
  • Konsumsi REST API eksternal (Google API, gateway email, penyedia pembayaran)
  • Pengelolaan aset dokumen Base64, watermark dinamis, pembuatan QR code, dan PDF dinamis
  • Pipeline deployment di VPS, Vercel, cPanel, Cloudflare Tunnels, dan GitHub Actions
Pola Arsitektur & Standar
Penangan Webhook IdempotenPola Gateway AdapterStreaming Biner Base64CI/CD dengan GitHub Actions
Teknologi
TTE GatewaysWebhooksDomPDFGitHub ActionsVPS / LinuxCloudflare TunnelGit
03.Index Keahlian

Teknologi & Keahlian Terorganisir

Dikelompokkan berdasarkan domain rekayasa dan implementasi praktis. Tanpa persentase keahlian fiktif.

Backend & Sistem

01

Arsitektur server, logika bisnis, desain API, dan eksekusi latar belakang.

PHP

PHP 8+ modern, strict types

Primary
Laravel

Controllers, Services, Policies, Eloquent

Primary
Node.js

Runtime asinkron, mikro-layanan, API

Primary
Express.js

Endpoint REST, middleware

Experienced
Pengembangan REST API

JSON terstandar, status code, auth

Primary
Webhook & Callback

Verifikasi signature, idempotensi

Primary
Rekayasa Logika Bisnis

Antrean persetujuan, state machines

Primary
Pemrosesan File & Dokumen

Upload aman, metadata, stempel PDF

Primary

Pengembangan Frontend

02

Arsitektur komponen, tata letak responsif, tabel data, dan interaktivitas antarmuka.

TypeScript

Strict typing, interfaces, generics

Primary
JavaScript (ES6+)

Async/await, DOM API, standar modern

Primary
React

Hooks, state management, memoization

Primary
Next.js (App Router)

RSC, Server Actions, layout, caching

Primary
Tailwind CSS

Sistem responsif, utility architecture

Primary
shadcn/ui

Primitif headless aksesibel, Radix

Primary
Blade (Laravel)

Komponen, layouts, directives

Primary
DataTables

Pemrosesan server-side, filter kompleks

Experienced
Desain Web Responsif

Mobile-first, hierarki tata letak fluid

Primary
Alpine.js & jQuery

Interaktivitas ringan, integrasi sistem

Experienced
Ant Design & Bootstrap

Framework UI enterprise

Experienced
CKEditor

Integrasi rich text editor

Experienced

Database & ORM

03

Desain skema, pengindeksan relasional, keamanan transaksi, dan optimasi kueri.

MySQL

Pemodelan relasional, indexing, InnoDB

Primary
PostgreSQL

Batasan kompleks, indexing

Primary
Prisma ORM

Skema type-safe, migrasi, relasi

Primary
Drizzle ORM

Keamanan tipe SQL, overhead ringan

Experienced
Eloquent ORM

Relasi polimorfik, scopes, eager loading

Primary
SQL & Optimasi Kueri

Analisis indeks, execution plans, joins

Primary
Koneksi Multi-Database

Sinkronisasi & kueri lintas database

Experienced

Otentikasi & Keamanan

04

Mekanisme otentikasi, otorisasi berbasis peran, dan manajemen sesi.

Role-Based Access Control (RBAC)

Hierarki peran, custom policies

Primary
Otorisasi Berbasis Izin

Pemeriksaan kapabilitas granular

Primary
Spatie Laravel Permission

Roles, permissions, guards

Primary
Auth.js / NextAuth

JWT, callback sesi, providers

Experienced
Clerk

Manajemen identitas & pengguna terkelola

Experienced
OAuth 2.0 (Google, dll)

Federasi identitas pihak ketiga

Experienced
Otentikasi Kredensial

Hashing Argon2/Bcrypt, rate limiting

Primary

Integrasi & Rekayasa Dokumen

05

Layanan eksternal, gateway tanda tangan elektronik, dan alur dokumen.

Tanda Tangan Elektronik (TTE)

Sertifikasi elektronik, API penandatanganan

Primary
Pembuatan & Stempel PDF

Layout dinamis, stempel QR, header

Primary
DomPDF

Templating PDF sisi server

Primary
Preview Dokumen & Base64

Stream dalam browser, modal preview

Primary
REST API Eksternal

Abstraksi HTTP client, penanganan error

Primary
Google API & Layanan Email

Email transaksional, layanan OAuth

Experienced
Layanan Pembayaran

Integrasi gateway, trigger webhook

Experienced

DevOps & Lingkungan

06

Kontrol versi, lingkungan hosting, dan alur deployment.

Git & GitHub

Alur branching, code reviews

Primary
GitHub Actions

Alur otomatis lint, build, test

Experienced
VPS (Linux / Ubuntu)

Konfigurasi Nginx, PHP-FPM, MySQL, SSH

Experienced
Vercel

Edge functions, optimasi Next.js

Primary
cPanel / Shared Hosting

Konfigurasi deployment, cron jobs

Experienced
Cloudflare Tunnel

Tunneling aman lokal & edge

Experienced
Konfigurasi Environment

Keamanan .env, isolasi rahasia

Primary
04.Tentang & Pandangan

Pola Pikir & Pendekatan Rekayasa

Developer yang senang memahami cara kerja sistem secara menyeluruh dari ujung ke ujung.

Saya adalah software developer yang berfokus pada aplikasi web. Pengalaman utama saya adalah membangun aplikasi full-stack, sistem administrasi internal, lapisan otentikasi, API, alur dokumen, dan integrasi dengan layanan eksternal.

Saya sangat menikmati mengerjakan aplikasi di mana frontend, backend, database, otentikasi, API, dan logika bisnis harus bekerja sama secara harmonis. Saya nyaman bekerja pada sistem yang sudah berjalan maupun membangun aplikasi baru dari nol.

Alih-alih hanya berspesialisasi pada satu lapisan saja, saya terbiasa berpindah secara fleksibel antara UI, API, logika bisnis, database, dan infrastruktur.

Saya menikmati menyelesaikan masalah edge-case yang rumit, mengintegrasikan sistem pihak ketiga yang awalnya tidak dirancang untuk terhubung, dan mengubah alur operasional bisnis yang kompleks menjadi perangkat lunak yang terstruktur dan mudah dirawat.

// Navigasi Lapisan Sistem
UI / Frontend→API & Routes→Logika Bisnis→Database & ORM→Infrastruktur

Prinsip Kerja

01.Pemahaman Sistem Menyeluruh (End-to-End)

Saya tidak memperlakukan frontend, backend, dan database sebagai bagian terpisah yang terisolasi. Memahami bagaimana klik tombol diproses melalui rute API, validasi, logika bisnis, transaksi SQL, dan antrian latar belakang adalah kunci membuat aplikasi yang andal di tahap produksi.

02.Rekayasa untuk Alur Bisnis Nyata

Aplikasi internal dunia nyata bukan sekadar CRUD sederhana. Ada alur persetujuan bertingkat, delegasi hak akses, verifikasi dokumen, pencatatan audit, dan integrasi kompleks. Saya merangkul kompleksitas tersebut dan mengubahnya menjadi kode yang terprediksi.

03.Kejelasan & Efisiensi di Atas Hype

Saya memprioritaskan arsitektur bersih, pemodelan data yang tepat, keamanan tipe data yang ketat, dan kode yang mudah dibaca daripada abstraksi berlebihan atau tren sesaat. Antarmuka yang cepat, responsif, dan aksesibel dengan backend andal selalu memberikan hasil terbaik.

05.Kontak Langsung

Memiliki proyek atau tantangan teknis untuk didiskusikan?

Terbuka untuk posisi full-stack engineer, proyek sistem internal, maupun konsultasi teknis.

Kirim Email Langsung

anang.dev@example.com

Respon dalam 24-48 jam
Repositori Kode

GitHub

Repositori & Kontribusi Kode
Jaringan Profesional

LinkedIn

Terhubung untuk komunikasi profesional