Muhammad Rizal Yusuf

Web Developer — Pasuruan

Tentang Saya

Full Stack Developer with experience building modern web applications using React.js, Next.js, Node.js, Laravel, and Supabase. Skilled in API integration, database management, and responsive web development. Experienced in implementing AI-powered features using Large Language Models (LLMs) to enhance user experience, automate workflows, and improve productivity. Passionate about creating scalable, user-focused applications and continuously learning emerging technologies.

Proyek Pilihan

Toko Online - ABU STORE

Toko online lifestyle modern (sneakers, tas, jam tangan, audio, parfum) dengan alur belanja e-commerce lengkap: keranjang, checkout 6 langkah, simpan hingga 5 alamat pengiriman, ongkir otomatis sesuai daerah, multi-kurir, dan pemakaian maksimal 2 voucher sekaligus. Dilengkapi AbuPay Sandbox Payment Gateway (QRIS, Virtual Account, E-Wallet, Kartu), pelacakan pesanan, export struk PDF, serta dashboard admin dengan 9 role (RBAC) untuk mengelola produk, kategori, pesanan, voucher, ekspedisi, dan pelanggan. Mendukung dua bahasa (ID/EN), PWA, dan chatbot AI.

Astro, supabase, PWA, RBAC, Payment Gateway, JavaScript

Property Listing

Platform listing properti untuk jual dan sewa rumah, villa, dan apartemen di berbagai kota di Indonesia (Bali, Jakarta, Bandung, Surabaya, Yogyakarta, dll). Pengguna bisa mencari properti berdasarkan tujuan (dijual/disewa), tipe, kota, dan budget, menyimpan listing ke favorit, lalu menghubungi agen langsung lewat WhatsApp. Mendukung harga jual dan sewa (harian, bulanan, tahunan) dalam satu listing. Tersedia dashboard untuk agen/admin untuk memasang dan mengelola listing, serta halaman SEO per kota dan kategori.

Astro, Tailwind CSS, TypeScript, Supabase

PSGarage - Automotive Gallery Platform

Platform galeri modifikasi otomotif untuk menampilkan koleksi build kendaraan secara imersif. Dibangun dengan Next.js, React, TypeScript, Supabase, dan Cloudinary, lengkap dengan detail spesifikasi kendaraan, daftar komponen, galeri foto dan video, pencarian proyek, serta dashboard admin untuk mengelola konten.

Next.js, React, TypeScript, Supabase, Cloudinary, GSAP, Lenis

Vapez - Modern Vape Store Platform

Website e-commerce dan katalog modern untuk toko vape. Menampilkan katalog produk, kategori e-liquid, device, serta aksesori dengan tampilan antarmuka yang bersih, responsif, dan interaktif untuk memudahkan pengunjung menjelajahi produk.

React, TypeScript, Tailwind CSS, Vite

Zewbink - Social Media Web Apps

Zewbink adalah platform media sosial yang dirancang untuk membantu orang berbagi cerita, aktivitas, dan perasaan dengan cara yang lebih personal. Berbeda dari media sosial pada umumnya yang lebih berfokus pada jumlah pengikut atau popularitas, Zewbink memberikan ruang bagi pengguna untuk mengekspresikan suasana hati (mood) mereka sehingga interaksi yang terjadi terasa lebih relevan dan bermakna. Melalui Zewbink, pengguna dapat membuat postingan berupa teks, foto, atau video, memberikan komentar, menyukai postingan, mengikuti pengguna lain, serta berkomunikasi melalui fitur pesan. Pengguna juga dapat menampilkan mood mereka sehingga teman atau pengikut dapat memahami kondisi yang sedang dirasakan. Platform ini dibangun dengan fokus pada pengalaman pengguna yang cepat, modern, dan responsif sehingga nyaman digunakan baik di perangkat desktop maupun smartphone. Selain itu, sistem autentikasi, penyimpanan media, dan pengelolaan data dirancang agar aman dan mudah digunakan.

Next.Js, TypeScript, Supabase, Cloudinary, LiveKit, Tailwind CSS

DiaryKita - Social Diary Web App LLMs.

DiaryKita adalah aplikasi buku harian digital yang membantu pengguna mencatat aktivitas, pengalaman, dan perasaan sehari-hari dengan lebih mudah dan aman. Aplikasi ini dirancang agar setiap orang memiliki tempat pribadi untuk menyimpan cerita hidup mereka tanpa harus menggunakan buku catatan fisik. Selain berfungsi sebagai buku harian, DiaryKita dilengkapi dengan teknologi Artificial Intelligence (AI) yang dapat membantu pengguna memahami isi catatan mereka. AI dapat memberikan ringkasan, menemukan pola dari kebiasaan yang ditulis, serta memberikan saran atau refleksi berdasarkan isi jurnal, sehingga kegiatan menulis menjadi lebih bermanfaat. Pengguna dapat membuat, mengedit, menghapus, dan mengelompokkan catatan dengan mudah. Seluruh data tersimpan secara online sehingga dapat diakses kapan saja melalui berbagai perangkat. Aplikasi ini dibangun dengan fokus pada kemudahan penggunaan, performa yang cepat, serta keamanan data pengguna.

NextJS, Typscript, Tailwind CSS, Supabase, Cloudinary, p5.js, three.js

GoBus - Tiket Bus Online

Gooobus adalah platform pemesanan tiket bus yang memudahkan masyarakat dalam mencari jadwal perjalanan, memilih kursi, dan memesan tiket secara online tanpa harus datang langsung ke agen atau terminal. Melalui Gooobus, pengguna dapat melihat berbagai pilihan rute, jadwal keberangkatan, harga tiket, serta informasi bus yang tersedia. Setelah memilih perjalanan yang diinginkan, pengguna dapat melakukan pemesanan dan pembayaran secara online, kemudian memperoleh bukti pemesanan secara digital. Sistem ini juga menyediakan halaman khusus bagi pengelola untuk mengatur data bus, rute, jadwal keberangkatan, harga tiket, serta memantau seluruh transaksi yang dilakukan oleh pengguna. Dengan demikian, proses pengelolaan operasional menjadi lebih praktis dan terorganisir. Aplikasi dikembangkan dengan tampilan yang modern, responsif, dan mudah digunakan baik melalui komputer maupun perangkat seluler.

Vite, Reactjs, Supabase, Tailwind css, Xendit

Rental Mobil - Website Rental kendaraan

Sistem Rental Mobil dan Kendaraan merupakan website berbasis web yang dirancang untuk membantu bisnis rental mengelola armada kendaraan dan menerima pemesanan secara online dengan lebih mudah dan profesional. Sistem ini dapat digunakan untuk berbagai jenis usaha penyewaan seperti rental mobil, motor, travel, hiace, elf, pickup, hingga kendaraan operasional perusahaan. Pelanggan dapat melihat daftar kendaraan yang tersedia, melihat detail kendaraan, memilih tanggal penyewaan, mengisi data pemesanan, dan langsung menghubungi admin melalui WhatsApp untuk melakukan konfirmasi booking. Proses ini membuat komunikasi antara pelanggan dan pemilik usaha menjadi lebih cepat tanpa memerlukan sistem pembayaran yang rumit. Di sisi administrator, tersedia dashboard lengkap untuk mengelola seluruh operasional website. Admin dapat menambah, mengubah, dan menghapus data kendaraan, mengelola booking pelanggan, memperbarui konten website, mengatur informasi kontak, serta menyesuaikan tampilan website sesuai kebutuhan bisnis. Sistem ini dibangun dengan konsep White Label, sehingga pemilik usaha dapat mengganti nama perusahaan, logo, favicon, warna branding, nomor WhatsApp, alamat, email, banner, dan berbagai informasi lainnya langsung melalui dashboard tanpa perlu melakukan perubahan pada source code. Fitur Utama: * Manajemen kendaraan * Sistem booking online * Integrasi WhatsApp * Dashboard admin lengkap * Pengelolaan banner dan konten website * Pengelolaan testimoni dan FAQ * Responsive untuk mobile, tablet, dan desktop * SEO Friendly * White Label Branding * Mudah dikembangkan sesuai kebutuhan bisnis Teknologi yang digunakan: * Next.js * TypeScript * Tailwind CSS * Supabase * PostgreSQL * Framer Motion Website ini dirancang dengan fokus pada kemudahan penggunaan, performa yang cepat, tampilan modern, dan fleksibilitas tinggi sehingga dapat digunakan oleh berbagai jenis usaha rental kendaraan maupun dijual kembali sebagai solusi digital untuk client.

Next.js, TypeScript, Tailwind CSS, Supabase, PostgreSQL, Framer Motion

Sistem Booking Venue Multi-Tenant

Web application untuk manajemen dan reservasi venue seperti futsal, badminton, mini soccer, billiard, aula, dan ruang event. Sistem mendukung pemesanan online, manajemen jadwal real-time, konfirmasi pembayaran manual melalui WhatsApp, upload bukti transfer, dashboard admin, serta pengelolaan venue yang fleksibel untuk berbagai bisnis tanpa perlu perubahan kode.

React, TypeScript, Supabase, Tailwind CSS, Cloudinary

Undangan Kita - Website Buat Undangan sendiri

Undangan Kita adalah Website Jasa atau penyedia layanan Pembuatan Undangan secara online, jadi user dapat membuat undangan pernikahan, ulang tahun, khitan, dan acara lainnya melalui website ini. Menggunakan Midtrans untuk media pembayaran.

React, Typscript, Tailwind, Supabase

Nusantara Cousin - Restaurant Management System

Mengembangkan sistem restoran dengan multi-role (kasir, manager, waiter, kitchen, captain) Membuat fitur pemesanan menu, pemilihan meja dengan UI interaktif Mengimplementasikan sistem pembayaran tunai dan non-tunai Menyediakan dashboard berbeda untuk setiap role operasional Mengelola reservasi, pesanan, dan alur kerja dapur secara real-time

Vite, React, Supabase

Gamantara - Multi-Platform Bus Booking System

Mengembangkan sistem pemesanan tiket bus skala besar (multi perusahaan seperti RedBus) Membangun sistem multi-role (admin, operator, dll) dengan dashboard berbeda Mengimplementasikan QR Code boarding pass untuk validasi penumpang Mengintegrasikan payment gateway Xendit untuk transaksi online Menggunakan Supabase (Auth, Database, RLS) untuk keamanan dan manajemen data Mengelola data user, jadwal, armada, dan transaksi secara terpusat

Vite, Reactjs, Typscript, Supabase

Bus Booking System (Ngebis)

Membangun aplikasi pemesanan tiket bus berbasis web Mengimplementasikan QR Code boarding pass untuk verifikasi tiket Mengelola data user, jadwal, dan transaksi menggunakan Supabase Menerapkan autentikasi dan kontrol akses menggunakan RLS Fokus pada pengembangan core system tanpa integrasi payment gateway

Reactjs, Typscript, Tailwind, Supabase

Keahlian

  • Node.js — Backend (Intermediate)
  • Word — Microsoft Office (Intermediate)
  • Excel — Microsoft Office (Intermediate)
  • Mongodb — Cloud Storage (Intermediate)
  • Supabase — Cloud Storage (Intermediate)
  • Laravel — Backend (Intermediate)
  • PostgreSQL — Backend (Intermediate)
  • REST APIs — Backend (Intermediate)
  • Docker — DevOps (Beginner)
  • CI/CD — DevOps (Beginner)
  • Git — DevOps (Intermediate)
  • Power Point — Microsoft Office (Beginner)
  • Google Storage — Cloud Storage (Beginner)
  • Java Script — Programming & Frameworks: (Intermediate)
  • ReactJS — Programming & Frameworks: (Intermediate)
  • PHP — Programming & Frameworks: (Intermediate)
  • HTML — Programming & Frameworks: (Expert)
  • Laravel — Programming & Frameworks: (Intermediate)
  • Cloudinary — Cloud Storage (Intermediate)

Pengalaman

FullStack Developer — Freelance

Mengembangkan berbagai website untuk klien, termasuk e-commerce dan company profile menggunakan Laravel dan React. Bertanggung jawab dalam perancangan UI/UX, pengembangan frontend dan backend, integrasi API, serta pengelolaan database. Berkomunikasi langsung dengan klien untuk memahami kebutuhan bisnis, memberikan solusi teknis, serta melakukan maintenance dan optimasi performa website agar tetap optimal dan user-friendly.

Software Engineering — Software AG

Mengembangkan berbagai website untuk klien, termasuk e-commerce dan company profile menggunakan React.js, Next.Js, React Native, Tailwind, Supabase, Firebase, Frame motion. Bertanggung jawab dalam perancangan UI/UX, pengembangan Frontend dan Backend, integrasi API, serta pengelolaan database. Berkomunikasi antar Team untuk mengembangkan Projeknya.

Web Developer — CV. Codespace Indonesia

Mengembangkan dan memelihara website berbasis Laravel dan React untuk mendukung kebutuhan bisnis klien. Bertanggung jawab dalam pengembangan fitur frontend dan backend, integrasi RESTful API, serta pengelolaan database menggunakan MySQL. Berkolaborasi dengan tim desain menggunakan Figma untuk menghasilkan UI/UX yang responsif dan modern. Melakukan debugging, testing, dan optimasi performa untuk meningkatkan kecepatan dan stabilitas aplikasi. Berkontribusi dalam proses deployment dan maintenance sistem di environment production guna memastikan ketersediaan dan performa aplikasi tetap optimal.

Digital Marketing — BIRU DAUN Digital Marketing Training & Consulting.

Membuat pemasaran digital menggunakan media sosial Buat situs web blog. Dan optimalkan agar website dapat dengan mudah diakses oleh konsumen Menggunakan Search Engine Optimization di website blog Jalankan kampanye iklan berbayar di platform seperti Google Ads dan Meta Ads.

Pendidikan

Institut Teknologi Nasional Malang — Sarjana (S1) Teknik Informatika

SMKN 1 PURWOSARI — Pelajar Rekayasa Perangkat Lunak (RPL)

Kontak

yusufmuhammadrizal@gmail.com

Semua Proyek · Tentang & CV