Front-End Engineer · Bandung, Indonesia

Muhammad
Dzaki.

Saya bikin antarmuka yang cepat, bersih, dan nyaman dipakai —

dari landing page hingga platform multi-layanan yang sudah live.

Next.js · TypeScript · React · Tailwind · React Native

10+
PROYEK
3T+
PENGALAMAN
OPEN
TO HIRE
LIHAT KARYA →KONTAK →
FRONT-END ENGINEER
Dzaki.
Bandung, Indonesia
10+
PROJECTS
3Y+
EXPERIENCE
OPEN
TO HIRE
UTC+7
BANDUNG
TECH STACK
Next.jsTypeScriptReactTailwindReact NativeFigma
AVAILABLE FOR WORK
FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL · FULL STACK DEVELOPER · BANDUNG, INDONESIA · 10+ PROYEK DIBANGUN · NEXT.JS & REACT · LARAVEL · NODE.JS · DOCKER · OPEN TO WORK · TYPESCRIPT · POSTGRESQL ·
Karya Unggulan
10+ Proyek Dibangun.
FEATURED
Sistem POS Nasi Goreng D4
Sistem POS Nasi Goreng D4

Sistem point-of-sale untuk UMKM restoran keluarga Nasi Goreng D4, Rancaekek. Multi-role: Owner (Command Center), Kasir (POS), Koki (Kitchen Display), dan Customer. Real-time order management, analytics pendapatan, dan kitchen display untuk operasional harian.

LaravelVue 3Inertia.jsTailwindChart.jsPOS
Demo langsung →
FEATURED
Materiku — Platform Belajar AI
Materiku — Platform Belajar AI

Platform belajar berbasis AI untuk pelajar dan mahasiswa Indonesia — RAG (Retrieval-Augmented Generation) untuk menjawab pertanyaan dari materi kuliah dan referensi akademik secara real-time. Arsitektur multi-service dengan Docker Compose.

Next.jsLaravelFastAPIDockerAI/RAGFlutter
Demo langsung →
FEATURED
Sistem Tracking Konveksi
Sistem Tracking Konveksi

Menggantikan pencatatan pesanan manual di bisnis konveksi — owner bisa pantau status produksi, progress jahit, dan jadwal pengiriman langsung dari HP tanpa tanya karyawan satu-satu.

Next.jsVercelReal-time
Demo langsung →
FEATURED
Flos Series — Toko UMKM Online
Flos Series — Toko UMKM Online

Toko online untuk UMKM Flos Series — pelanggan bisa browse katalog produk, masukkan ke keranjang, lalu semua pesanan langsung dikirim ke WhatsApp penjual. E-commerce praktis tanpa platform berbayar.

Next.jsWhatsAppE-Commerce
Demo langsung →
FEATURED
Azkadiana — Toko Konveksi Online
Azkadiana — Toko Konveksi Online

Website toko online untuk konveksi Azkadiana — katalog koleksi, galeri produk, dan sistem pemesanan langsung. Membantu bisnis konveksi menjangkau pelanggan lebih luas secara digital.

ReactTailwindNetlify
Demo langsung →
FEATURED
Remacode — Company Profile
Remacode — Company Profile

Company profile untuk perusahaan teknologi Remacode — menampilkan layanan, tim, dan kontak dengan desain modern yang mencerminkan identitas brand teknologi secara profesional.

Next.jsTailwindVercel
Demo langsung →
FEATURED
Diet Journey + AI Assistant
Diet Journey + AI Assistant

Aplikasi tracking diet harian terintegrasi dengan asisten AI — pengguna catat progress, lalu chatbot membantu dengan saran, motivasi, dan panduan diet yang disesuaikan secara personal.

Next.jsAINetlify
Demo langsung →
FEATURED
Jasa Portfolio Website Personal
hover untuk video
Jasa Portfolio Website Personal

Layanan pembuatan portfolio website personal untuk mahasiswa, fresh graduate, freelancer, dan profesional. Modern, responsive di semua device, dan custom sesuai kebutuhan — dari konsep sampai live.

Next.jsTailwindVercel
Demo langsung →
Keyboard Store — Prototype E-Commerce
Keyboard Store — Prototype E-Commerce

Prototype toko online mechanical keyboard dengan katalog produk, keranjang belanja, dan desain modern — showcase kemampuan membangun e-commerce yang clean dan siap dikembangkan untuk bisnis nyata.

Next.jsReactVercel
Demo langsung →
Turnamen Cup & Liga
Turnamen Cup & Liga

Platform manajemen turnamen cup dan liga — buat bracket otomatis, catat hasil pertandingan, dan pantau klasemen bersama komunitas atau teman. Dipakai untuk kompetisi lokal.

ReactNetlifyResponsive
Demo langsung →
Quiz Python — Mode Room
Quiz Python — Mode Room

Platform quiz Python untuk siswa dengan Mode Room — guru bisa buat sesi, siswa bergabung dan dinilai realtime berdasarkan waktu dan jawaban benar. Dipakai aktif untuk kelas pemrograman.

Next.jsReal-timeNetlify
Demo langsung →
Sistem Manajemen Les Asma Gatsu
Sistem Manajemen Les Asma Gatsu

Menggantikan proses manual di tempat les Asma Gatsu — admin dan tutor bisa kelola data siswa, jadwal mengajar, absensi, dan laporan perkembangan belajar dari satu sistem yang dipakai operasional harian.

LaravelMySQLBlade
Prototype belum tersedia
FEATURED
Le'leson — Booking Vila & Properti
Le'leson — Booking Vila & Properti

Platform digital untuk perusahaan Le'leson — calon pembeli bisa booking vila dan melihat kavling tanah yang dijual langsung oleh perusahaan. Menggantikan proses negosiasi manual dan telepon dengan pengalaman digital yang profesional.

Web AppPropertyBookingFull Stack
Demo langsung →
FEATURED
ADMS Marketplace — Platform Jual Beli
ADMS Marketplace — Platform Jual Beli

Platform marketplace multi-vendor — pembeli bisa browse produk, wishlist, checkout, dan review. Merchant punya dashboard sendiri untuk kelola produk, pesanan, penarikan saldo, dan iklan. Admin mengawasi seluruh ekosistem.

LaravelMySQLPHPMulti-vendorE-Commerce
Demo langsung →
FEATURED
ADMS Blast — WhatsApp SaaS
ADMS Blast — WhatsApp SaaS

Platform SaaS blast WhatsApp — kirim pesan massal, kelola kontak, hubungkan perangkat via QR scan, auto-reply, dan lacak log blast. Sistem afiliasi dan referral bawaan. Tiga tier harga: Starter, Pro, Enterprise.

ReactViteNode.jsWhatsAppSaaSMulti-tenant
Demo langsung →
FEATURED
Absensi Haber — HR Attendance System
Absensi Haber — HR Attendance System

Sistem kehadiran dan HR digital — staff absen via geolokasi, ajukan izin online, pantau riwayat kehadiran bulanan. Admin kelola data karyawan, approval izin, rekap absensi, dan konfigurasi lokasi kantor.

LaravelMySQLGeolocationHRPHP
Demo langsung →
FEATURED
Haber Web — Restoran & Wedding Venue
Haber Web — Restoran & Wedding Venue

Platform web premium untuk restoran dan venue pernikahan — landing page restoran, sistem reservasi online, galeri menu, dan halaman wedding packages. Didukung Google Gemini AI untuk rekomendasi menu personal dan perencanaan acara.

TypeScriptReactGemini AIGoogle AI StudioNode.js
Demo langsung →
Landing Page Dharma Pertiwi Bandung
Landing Page Dharma Pertiwi Bandung

Landing page resmi untuk Dharma Pertiwi cabang Bandung — menampilkan profil organisasi, kegiatan, dan informasi kontak dengan desain yang bersih dan representatif.

Next.jsTailwindVercel
Prototype belum tersedia
Kata Klien
"
Dulu kami kebanjiran pesan "pesanan saya udah sampai mana?" setiap hari — dan semuanya harus dijawab satu per satu secara manual. Sekarang pelanggan tinggal buka link yang kami kirim dan langsung bisa lihat sendiri. Lebih tenang, lebih fokus ke produksi.
D
Damelkeun
Owner · Bisnis Konveksi, Bandung
Sistem Tracking Pesanan Konveksi
Tentang Saya
Muhammad Dzaki Awaludin
Bangun. Ajarkan. Bermanfaat.

Saya Dzaki — mahasiswa semester 7 Teknik Informatika yang aktif membangun antarmuka web dan mobile sebagai freelance front-end developer. Saya bikin tampilan yang cepat, bersih, dan nyaman dipakai — dari toko online, platform belajar AI, hingga aplikasi mobile, semua sudah live dan dipakai klien sungguhan.

Saya pegang prinsip sederhana: UI yang bagus bukan hanya soal estetika, tapi soal pengalaman yang benar-benar terasa. Setiap proyek saya kerjakan serius dari wireframe sampai deployment. Nabi Muhammad mengajarkan sebaik-baik manusia adalah yang paling bermanfaat bagi orang lain — dan saya pegang itu dalam setiap komponen yang saya tulis.

LOKASI
Bandung, Indonesia
STATUS
Semester 7 · Melamar posisi Front-End Engineer
BAHASA
Indonesia (native) · Inggris (profesional)
REMOTE
Bisa kerja onsite Bandung / remote
Perjalanan Karir
Perjalanan Saya
2024 — Present
Technology & Programming Tutor
Al Hazen · SD Rabbani Arcamanik & Asma Gatsu

Teaching programming fundamentals, computational thinking, and digital literacy to primary school students. Also building internal management systems used in daily school operations.

2023 — Present
Freelance Front-End Developer
Direct Clients · Bandung & Remote

Built and shipped production web and mobile interfaces for real clients — e-commerce stores, company profiles, management dashboards, and AI-integrated platforms. From client requirements through design, development, and deployment.

2022 — Present
Informatics Engineering Student
Universitas · Semester 7

Applying coursework directly to real projects. Software engineering, databases, networking, and systems development run in parallel with active freelance work and independent product development.

Tech Stack
Teknologi yang Aku Pakai.

Stack yang fokus — setiap teknologi dipilih karena sudah terbukti di proyek nyata.

Frontend
React
UI & component architecture
Next.js
Full-stack React framework
TypeScript
Typed, scalable JavaScript
Tailwind CSS
Utility-first styling
Backend
Node.js
JavaScript runtime
Laravel
REST API · PHP
FastAPI
Python · AI services
Express
Lightweight API server
Data & Deploy
PostgreSQL
Relational database
MySQL
Relational database
Docker
Containers & compose
Git
Version control
Pertanyaan Yang Sering Diajukan
Pertanyaan & Jawaban.
TANYA LANGSUNG →

Mahasiswa Teknik Informatika semester 6 yang sudah membangun sistem produksi nyata selama 3+ tahun. Bukan hanya tugas kuliah — saya deliver sistem yang benar-benar dipakai: sistem manajemen bimbel, POS restoran keluarga, marketplace e-commerce hibah pemerintah, dan platform belajar AI multi-service. Setiap proyek di portofolio punya pengguna nyata di baliknya.

Frontend: Next.js · React · TypeScript · Tailwind CSS. Backend: Node.js · Laravel · FastAPI. Database: PostgreSQL · MySQL. Infrastructure: Docker · Docker Compose. Saya pilih teknologi sesuai masalah, bukan yang lagi trending. Untuk proyek AI saya tambahkan Python services (FastAPI + Qdrant + Ollama) yang di-compose bareng stack utama.

Ya — saya pernah kolaborasi di dalam tim Remacode, tim kecil di mana kami bagi tanggung jawab frontend/backend dan koordinasi via Git. Saya juga pernah lead proyek solo end-to-end: requirement gathering, desain schema, development, sampai deployment. Saya dokumentasi keputusan, tulis commit yang deskriptif, dan komunikasi jelas selama proses berlangsung.

Saya sudah containerize platform multi-service penuh dengan Docker Compose: Next.js frontend, Laravel REST API, FastAPI AI service (Qdrant + Ollama), dan Flutter. Setiap service punya container sendiri, berkomunikasi lewat shared network, dan start dengan satu perintah 'docker-compose up'. Saya anggap containerization sebagai standar, bukan skill advanced.

Ya. Saya bangun sistem tracking pesanan real-time (konveksi dan restoran POS dengan kitchen display), dan platform quiz di mana guru menilai siswa secara live berdasarkan kecepatan dan jawaban benar. Sistem POS restoran meneruskan pesanan secara real-time dari customer → kasir → dapur, semua update tanpa refresh halaman.

Ya — saya bangun Materiku, platform belajar berbasis RAG di mana siswa upload materi kuliah dan AI menjawab eksklusif dari sumber tersebut. Stack: FastAPI + Qdrant vector database + Ollama (local LLM). Saya juga bangun sistem manajemen turnamen dengan klasemen real-time dan dashboard analitik restoran dengan Chart.js.

Posisi full-time engineering di mana saya bisa kerjakan sistem yang benar-benar diandalkan pengguna — masalah yang kompleks, tim yang menghargai clean code dan komunikasi yang baik, dan ruang untuk berkembang. Saya terbuka untuk posisi front-end focused maupun full-stack. Saya belajar cepat dan tidak takut masuk ke codebase yang belum familiar.

Project-first. Saya ambil masalah nyata, bangun solusinya, mentok di titik di mana dokumentasi habis, lalu gali source code dan diskusi komunitas untuk pahami 'kenapa'. Saya pelajari Docker, RAG pipeline, Inertia.js, dan Spatie permissions dengan cara ini. Saya dokumentasi apa yang dipelajari supaya bisa diajarkan — saya juga aktif jadi tutor programming.

Materiku — platform belajar AI multi-service yang saya arsiteki dari nol. Empat service berbeda (Next.js, Laravel, FastAPI, Flutter) di-compose dalam satu Docker Compose, berkomunikasi via REST API, dengan vector database Qdrant untuk RAG. Ini sistem paling kompleks yang saya bangun — dan semuanya jalan.

Segera setelah proses rekrutmen selesai. Saya berbasis di Bandung, UTC+7, dan tersedia full-time. Lebih suka komunikasi async-first dengan check-in terstruktur — saya dokumentasi keputusan supaya tim tetap aligned tanpa harus meeting terus-menerus.

Masih ada pertanyaan?

Saya biasanya balas dalam beberapa jam.

WHATSAPP
Kontak
Terbuka untuk Kesempatan Baru.
Tersedia · UTC+7 · Bandung, Indonesia

Saya sedang mencari posisi full-time sebagai software engineer. Kalau tim kamu butuh developer yang serius dan bisa langsung deliver — saya siap ngobrol.

Biasanya balas dalam beberapa jam

NAMA KAMU
EMAIL (OPSIONAL)
PESAN
EMAIL ↗
GitHubLinkedInWhatsAppEmail