I engineer scalable web applications with clean architecture and refined user interfaces. From robust backend systems to smooth interactions, I prioritize best practices, performance, and long-term maintainability.
“Crafting software with clean code, modern architecture, and a relentless focus on user experience.”
I specialize in building end-to-end web applications that solve real-world challenges. My engineering approach bridges thoughtful interface design with robust software architecture — adhering to clean code standards, type safety, modular design, and high performance from day one.
Full-Stack Web Engineering & Modern Architecture
Clean Code, Best Practices & Speed
Developing a local marketplace information system to support UMKM(Usaha Mikro, Kecil, dan Menengah) merchant in the Banyuanyar region in marketing their products digitally named SUMILIR. This project was designed using a client–server architecture with Laravel as the backend and Vue.js as the frontend.
PlaylistGet is a high-performance, self-hosted media processing platform and batch downloader engineered to fetch single tracks, albums, reels, videos, and full playlists from YouTube, TikTok, Instagram, Facebook, Spotify, Twitter / X, SoundCloud, and 1,000+ websites, converting them into studio-grade MP3 (with embedded ID3 tags & cover art) or high-definition MP4 videos. Built on an asynchronous, event-driven client-server architecture, PlaylistGet pairs a responsive glassmorphic frontend with an Express.js backend orchestrator; this orchestrator manages concurrent worker pools dispatching isolated yt-dlp and ffmpeg subprocesses, streams real-time telemetry (progress, speed, ETA) to the client, sanitizes media filenames, and delivers output either as single file streams or through a zero-CPU, uncompressed ZIP archive pipeline backed by an automated lifecycle garbage collector.
Lazyvoid is a modern, responsive e-commerce apparel catalog and content management website built with Next.js, TypeScript, Tailwind CSS, and Prisma ORM.
The Final Project Information System (SITA) is a web-based platform designed to digitize and automate the entire final project cycle for D3 Computer Science students, from submitting a proposal to a faculty advisor, holding a proposal workshop, and tracking advising logs, to registration, scheduling, grading, and printing the official minutes of the final project defense. This system adopts a Decoupled Client-Server architecture (SPA – RESTful API), where the frontend is built using Vue.js 3 (supported by Vite, Tailwind CSS, Vue Router, and Axios) that communicates asynchronously via JSON data format with the Laravel 10 backend, secured by Laravel Sanctum token-based authentication, using a MySQL/MariaDB relational database, and enhanced with external libraries such as Spatie Laravel PDF / FPDM for merging official documents (Examination Minutes & Revision Sheets) and Maatwebsite Excel for data reporting.
The PKKMB SV 2025 web application is an integrated information and management platform designed to support the entire orientation process for new students at the UNS Vocational School in 2025, ranging from providing information about activities, assigning groups and mentors (Gardana), distributing materials and assignments, mapping interests and talents (skills), to live chat interactions and the issuance of digital certificates. This system is built using a Modern Monolith architecture based on the MVC (Model-View-Controller) pattern, combining the Laravel 11 framework on the backend and Vue 3 (Composition API with Tailwind CSS styling) on the front end, seamlessly bridged by Inertia.js without the need for a separate REST API. It is supported by a MySQL/MariaDB relational database, WebSocket-based real-time communication via Laravel Reverb & Echo for the messaging system, and integrations with DomPDF and Laravel Excel for processing report and certificate files.
Leveraging modern frameworks, type-safe development, and cloud databases to build fast, scalable, and maintainable digital products.