Presisi dalam setiap piksel.
Fungsi dalam setiap kode.
Pendekatan & Keahlian
Dengan pengalaman lebih dari 10 tahun di industri teknologi kreatif, saya telah belajar bahwa desain yang baik tidak terlihat rumit. Ia bekerja secara diam-diam di latar belakang untuk memfasilitasi tujuan pengguna.
Saya percaya pada kolaborasi lintas disiplin yang erat, dimana desain dan teknik saling menguatkan. Setiap piksel memiliki tujuan, dan setiap baris kode memiliki struktur.
Karya Terpilih
Serverless Next-Auth-Prisma-Dashboard (Modern Dashboard Starter)
Secure, scalable, and aesthetically modern B2B SaaS dashboards. This project solves the common "boilerplate fatigue" by providing a pre-configured architecture with Authentication, Database management, and UI Component patterns out-of-the-box.
NativeBoard - Vanilla Analytics Dashboard
A high-performance, vanilla JavaScript analytics dashboard built with modern web standards. This project was built with pure Vanilla JS and Web Components.
Shopping Gallery UI (Modern E-Commerce)
A high-performance, responsive e-commerce homepage interface built with React, Zustand, and TanStack Query. This project demonstrates modern frontend architecture, focusing on Core Web Vitals (CWV), seamless UX, and efficient state management without heavy dependencies.
Mailbox App
A modern, fast, and elegant personal communication dashboard built with React 19 and Vite. This application combines a seamless email-style inbox with a robust task management system, all wrapped in a premium, responsive interface inspired by modern design principles.
Multiple Choice Question (MCQ) Quiz App
A modern, interactive quiz application built with React and TypeScript that uses the Open Trivia DB API to deliver multiple choice questions across various categories and difficulty levels.
MERN Product Management App
A robust, full-stack Product Management application built with the MERN Stack (MySQL, Express, React, Node.js). This application features a modern, responsive user interface designed with Tailwind CSS using a "Tritone" dark theme, and a powerful backend with server-side pagination and search capabilities.
MERN Seller Products Monorepo
Sistem manajemen produk sederhana (Dashboard Penjual) yang terdiri dari Frontend React dan Backend Express.
Github Users App
A React JS project with improved UI effects, animations, logical conditions, styles, keyboard handling, error and loading handling, and responsive UI, that is optimized for mobile view.
Full Stack MERN & Mediator Backend for ReactJS
Node.js & MySQL Yelp-like backend + 2nd Node.js server as an intermediary between ReactJS frontend and Yelp API.
Drag & Drop Note
Drag and Drop Note allows you to easily swap note position by its category.
Get The Bubble - Multiplayer Game
A real-time multiplayer game where players compete to collect bubbles while strategically avoiding or engaging with opponents.
Content Membership Platform
A full-stack web application built as a case study to implement a membership system with various levels of access rights to digital content. This application manages user access to articles and videos based on three different membership tiers (Type A, B, and C), and supports both manual and social authentication (Google & Facebook).
Next.js + Firebase Auth
A modern web application built with Next.js 14, TypeScript, and Firebase, featuring secure user authentication and a responsive user interface powered by Tailwind CSS.
Ionic React TaskFlow
A High-Performance Hybrid Mobile Application for Agile Task Management. This application implements a Unidirectional State Flow Pattern. Unlike a Kanban board where cards move freely, this app enforces a strict progression lifecycle.
Movie CRUD App (Vue 3 + Quasar 2)
This project is a Movie CRUD (Create, Read, Update, Delete) application built with Vue 3, Quasar Framework 2 (Vite), TypeScript, Pinia for state management, and Axios for HTTP requests. The project uses the Quasar CLI and is structured to support multiple deployment modes (SPA, SSR, PWA, and others), with a movie list/detail flow.
Custom Material UI calendar and password field with strict validations
A fine custom Material UI calendar and password field with strict validations.