My Projects
A curated collection of my work in UI/UX design, full-stack web development, and mobile applications.
Showing 6 of 8 projects
Hanafi TestCase — QA Test Case Management System
Hanafi TestCase adalah aplikasi web full-stack yang dibangun untuk mendemonstrasikan alur kerja QA secara end-to-end — mulai dari pengelolaan test case, eksekusi pengujian, hingga pelaporan hasil dalam bentuk dashboard interaktif. Project ini dikembangkan secara bertahap melalui 7 fase pengembangan: dimulai dari fondasi UI dan struktur aplikasi, dilanjutkan dengan sistem autentikasi nyata menggunakan Supabase Auth, implementasi CRUD test case dengan keamanan Row Level Security (RLS), fitur test execution & history tracking, dashboard statistik real-time, struktur hierarki Project → Test Suite → Test Case, hingga fitur lanjutan seperti search, filter, sorting, pagination, tagging, duplikasi test case, dan bulk delete. Seluruh fitur dibangun dengan penekanan khusus pada keamanan data antar-pengguna — setiap tabel database dilindungi RLS policy sehingga satu pengguna tidak dapat mengakses atau memodifikasi data milik pengguna lain, termasuk melalui direct URL access sekalipun. Fitur utama: Autentikasi lengkap (register, login, logout, session persistence, protected routes) Manajemen Project dan Test Suite dengan relasi hierarkis CRUD Test Case dan Test Run dengan riwayat eksekusi Dashboard analitik: total test case, pass rate, distribusi status, recent runs Search, filter multi-kriteria, sorting, dan pagination server-side Sistem tag untuk pengelompokan test case Duplicate test case dan bulk delete State pencarian/filter tersimpan di URL (shareable & persist setelah refresh) Tech Stack: Frontend: React + TypeScript, Vite, Tailwind CSS Backend: Supabase (PostgreSQL, Auth, Row Level Security) Deployment: Vercel Version control: Git + GitHub
"Hanafi Academy – E-Learning Platform (LMS)"
Apa ini? Hanafi Academy adalah platform kursus online (mirip Udemy atau Ruangguru) yang bisa dipasang di server sendiri. Dibuat dengan PHP dan MySQL, cocok untuk lembaga, komunitas, atau individu yang ingin punya platform belajar online dengan nama/brand sendiri. Siapa yang bisa pakai? Ada 3 jenis pengguna: PeranFungsiAdminKelola semua: user, kursus, kategori, pengumuman, laporanMentorBuat & kelola kursus, upload materi, buat kuis, pantau siswaSiswaDaftar kursus, tonton video, ikut kuis, dapat sertifikat Fitur utama: 📚 Kursus — bisa gratis atau berbayar, ada level (pemula/menengah/mahir), dilengkapi thumbnail dan deskripsi 🎬 Materi pelajaran — bisa berupa video, PDF, atau konten teks 📝 Kuis — mentor bisa bikin soal untuk menguji pemahaman siswa 🏆 Sertifikat — siswa yang selesai kursus bisa dapat sertifikat otomatis 📢 Pengumuman — admin/mentor bisa kirim info ke siswa 📊 Laporan & Statistik — admin bisa lihat data enrollment, mentor bisa pantau progres siswa 👤 Manajemen profil — upload foto, ubah biodata Cocok buat siapa? ✅ Lembaga pendidikan/kursus yang ingin punya platform sendiri (bukan sewa di platform lain) ✅ Komunitas/organisasi yang ingin berbagi ilmu secara terstruktur ✅ Mentor/trainer yang ingin kelola murid secara mandiri ✅ Sekolah/pesantren yang butuh sistem e-learning sederhana
Toko Rona POS — Aplikasi Kasir & Manajemen Toko
Aplikasi kasir digital untuk toko retail yang bikin proses jual-beli jadi lebih cepat dan terorganisir. Cocok buat toko kelontong, minimarket kecil, atau toko sembako. Aplikasi ini bisa dipakai untuk: 🛒 Proses transaksi penjualan — scan barcode atau ketik nama barang, langsung masuk keranjang 🧾 Cetak struk otomatis setiap selesai transaksi 📦 Kelola stok barang — tambah, edit, dan pantau barang yang hampir habis 📥 Catat barang masuk dari supplier 👥 Data pelanggan & supplier tersimpan rapi 💳 Catat hutang pelanggan dan pantau cicilan pembayarannya 📊 Laporan penjualan & keuntungan per hari, mingguan, hingga bulanan 👑 Dua role pengguna — Owner bisa lihat semua laporan & data, Kasir hanya bisa proses transaksi
TurunTangan Jakarta — Website Komunitas Relawan
Website resmi untuk komunitas relawan TurunTangan Jakarta, dibuat supaya komunitas bisa punya rumah digital sendiri. Website ini bisa dipakai untuk: 📣 Publikasi kegiatan & berita komunitas ke masyarakat umum 🎉 Informasi event yang sedang atau akan berlangsung 🖼️ Galeri dokumentasi foto-foto kegiatan relawan 🏢 Profil divisi-divisi yang ada dalam komunitas 🤝 Menampilkan mitra/partner organisasi 📋 Pendaftaran relawan baru secara online ⚙️ Kelola semua konten lewat panel admin khusus — tanpa perlu coding sama sekali
motorcycle service reminder
Aplikasi web buat kamu yang sering lupa kapan terakhir servis motor. Dengan RawatMotor, semua riwayat servis tercatat rapi di satu tempat. Aplikasi ini bisa dipakai untuk: 🏍️ Daftarkan motormu beserta foto, merk, dan data kendaraan 🔧 Catat setiap servis — ganti oli, busi, rantai, dll. lengkap dengan upload foto struk 🔔 Pengingat otomatis — notifikasi kalau motor sudah waktunya servis berdasarkan jarak tempuh (KM) 📊 Lihat statistik pemakaian — rata-rata KM per hari & estimasi servis berikutnya 💸 Pantau pengeluaran servis lewat grafik bulanan & tahunan 👤 Multi akun — bisa dipakai banyak user, masing-masing punya data motornya sendiri 👑 Panel admin untuk memantau semua user dan data secara keseluruhan
Website Portofolio Pribadi
Mengembangkan website portofolio pribadi berbasis PHP Native dan MySQL untuk menampilkan profil, pengalaman, serta berbagai project yang telah dikerjakan. Website ini dirancang dengan tampilan yang clean, modern, dan responsif sehingga dapat diakses dengan baik di berbagai perangkat, baik desktop maupun mobile. Fitur yang disediakan meliputi halaman profil, daftar project, manajemen konten melalui halaman admin, serta penyimpanan data terstruktur menggunakan database MySQL. Pengembangan difokuskan pada performa, kemudahan navigasi (user-friendly), dan tampilan yang profesional untuk meningkatkan personal branding.