Portofolio

Proyek Saya

Showcase karya terbaik saya dalam pengembangan web, menampilkan aplikasi full-stack, visualisasi data, dan solusi inovatif yang menyelesaikan masalah dunia nyata. Perlu diketahui bahwa tidak semua proyek saya ditampilkan di sini karena sebagian belum terdokumentasi dengan baik.

30+
Proyek
10+
Client
20+
Technologies

Platform Travel Haji & Umroh

Platform digital untuk pengelolaan operasional travel Haji dan Umroh, mencakup manajemen paket, pemesanan, data jamaah, dan pembayaran, dilengkapi dengan notifikasi otomatis melalui WhatsApp, email, dan aplikasi. Sistem tersedia dalam versi web dan mobile (Android & iOS), dengan akses untuk admin, agen, dan jamaah.

React.js
Laravel
PHP
+14
Kontribusi Utama:
  • Menjalankan peran sebagai Project Manager pada fase awal proyek, memimpin perencanaan dan pengembangan lintas platform (Web, Mobile, dan Design)
  • Setelah MVP dirilis, beralih menjadi Team Lead Fullstack Web & Design, memimpin pengembangan lanjutan serta memastikan kualitas teknis dan UI/UX
Peran:Project Manager, Team Lead, Fullstack Developer
Tim:15 orang
Travel & Booking Platform

JahitStatus

Demo

Platform digital untuk manajemen pesanan jahit, pelacakan status, dan komunikasi antara penjahit dan pelanggan. Dikembangkan sebagai aplikasi web modern dengan fitur interaktif.

React.js
Next.js
Laravel
+9
Kontribusi Utama:
  • Mengembangkan frontend aplikasi menggunakan React.js dan Next.js dengan desain responsif
  • Membangun backend menggunakan framework Laravel untuk mengelola data pesanan dan pengguna
Peran:Fullstack Developer
Tim:2 orang
SaaS

LulusPedia - Platform Belajar & Tryout ASN

Platform digital untuk pembelajaran dan tryout ujian ASN, dilengkapi dengan sistem manajemen materi, bank soal, simulasi ujian, serta dashboard hasil belajar. Dikembangkan berbasis web dengan landing page, dashboard interaktif, dan sistem backend yang scalable.

React.js
TypeScript
NestJS
+9
Kontribusi Utama:
  • Mengembangkan landing page responsif dari hasil slicing desain Figma ke React.js + TailwindCSS
  • Membangun dashboard interaktif untuk pengguna dengan React.js dan TypeScript
Peran:Fullstack Developer
Tim:4 orang
EdTech Platform

CMS SEO

CMS fleksibel berbasis Next.js untuk mengelola halaman dan artikel secara dinamis, mendukung BBCode, struktur modular, dan antarmuka modern berbasis TailwindCSS. Admin dapat membuat custom page, artikel, dan mengatur konten secara fleksibel melalui panel intuitif.

Next.js
TypeScript
Prompt AI
+6
Kontribusi Utama:
  • Designed and architected the CMS from scratch, including database schema, modular content structure, and user-role system
  • Developed both backend (API, content services) and frontend (admin panel, dynamic pages) using Next.js, TypeScript, and TailwindCSS
Peran:Project Manager, Team Lead, Fullstack Developer
Tim:4 orang
Content Management System (CMS)

PrayTime Reminder - VSCode Extension

Demo

Extension Visual Studio Code yang dirancang untuk developer Muslim agar tidak melewatkan waktu sholat saat bekerja. Ini adalah proyek open source pertama saya yang bertujuan mendukung produktivitas tanpa meninggalkan ibadah.

TypeScript
JavaScript
TailwindCS
+5
Kontribusi Utama:
  • Menginisiasi dan membangun proyek open source pertama untuk mendukung developer Muslim
  • Merancang dan mengembangkan tampilan extension menggunakan VSCode Extension API
Peran:Pembuat, Pengembang
Tim:1 Orang
Developer Tools

Optimasi Kecepatan Website sebanyak 20+ Website Klien

Optimasi performa kecepatan lebih dari 20 website klien dengan pendekatan komprehensif, mencakup efisiensi JavaScript dan CSS, kompresi gambar, dan penerapan praktik terbaik berdasarkan hasil audit Google PageSpeed Insights.

JavaScript
CSS3
HTML5
+4
Kontribusi Utama:
  • Melakukan audit kecepatan dan performa pada lebih dari 20 website menggunakan Google PageSpeed Insights dan GTmetrix
  • Menganalisis dan mengurangi penggunaan JavaScript yang tidak diperlukan untuk mempercepat waktu render
Peran:Fullstack Developer
Tim:1 developer
Web Performance Optimization

Rijal Solahudin Personal Web

Website pribadi dan blog yang dibangun dengan Next.js, menampilkan portofolio, blog, dan CV interaktif. Dirancang sebagai playground untuk bereksperimen dengan teknologi web modern dan berbagi pengetahuan.

Next.js
TypeScript
Prompt AI
+5
Kontribusi Utama:
  • Merancang dan mengembangkan website dari nol menggunakan Next.js dan TailwindCSS
  • Mengimplementasikan dukungan bilingual (Indonesia/Inggris) dan dark mode
Peran:Fullstack Developer, Desainer, Penulis Konten
Tim:1 developer
Website Pribadi / Blog

Keywoard Suggest

Aplikasi interaktif untuk riset dan pengelompokan keyword

Laravel
PHP
Vue.js
+5
Kontribusi Utama:
  • Menginisiasi dan merancang konsep aplikasi untuk membantu proses riset dan pengelompokan keyword secara efisien
  • Mengelola seluruh proses pengembangan, mulai dari ide awal, desain antarmuka, hingga implementasi sistem
Peran:Fullstack Developer
Tim:1 developer
SEO & Content Planning

Copywriter Generator

Situs web untuk mengembangkan dan mengelompokkan copywriting secara otomatis. Berperan sebagai Frontend Developer dengan teknologi Vue.js.

Vue.js
JavaScript
HTML5
+2
Kontribusi Utama:
  • Mengembangkan antarmuka pengguna menggunakan Vue.js untuk fitur pembuatan dan pengelompokan teks
  • Merancang komponen-komponen modular seperti editor
Peran:Frontend Developer
Tim:1 orang
Copywriting / Productivity Tools

Amal Terbaik Madania

Aplikasi donasi digital yang memudahkan masyarakat untuk berdonasi secara transparan dan terstruktur. Berperan sebagai Project Manager untuk perencanaan, pengawasan timeline, dan koordinasi tim.

Laravel
PHP
MySQL
+2
Kontribusi Utama:
  • Memastikan timeline proyek berjalan sesuai target dengan monitoring berkala
  • Melakukan koordinasi aktif antara stakeholder dan tim developer untuk menyelaraskan visi produk
Peran:Project Manager
Tim:2 orang
Aplikasi Donasi / Sosial

Hobids

Aplikasi lelang online untuk hewan. Berperan sebagai Project Manager dalam proses perancangan UI/UX dengan tim desain menggunakan Figma.

Figma
Kontribusi Utama:
  • Merancang & Menyusun struktur alur pengguna (user journey) berdasarkan skenario pengguna lelang hewan
  • Mengarahkan proses perancangan UI/UX menggunakan Figma
Peran:Project Manager (UI/UX Design)
Tim:3 orang
Desain UI/UX / E-commerce Hewan

Siata UPN

Aplikasi manajemen sistem skripsi untuk Universitas UPN Yogyakarta. Berperan sebagai Project Manager dalam penambahan fitur, perbaikan sistem, dan optimasi performa.

Laravel
PHP
MySQL
+3
Kontribusi Utama:
  • Merancang dan mengarahkan pengembangan fitur baru seperti
  • Berkoordinasi dengan stakeholder kampus untuk memahami kebutuhan pengguna dan kebijakan akademik terbaru
Peran:Project Manager
Tim:3 orang
Sistem Informasi Akademik / Universitas

Sedekah Barang Bekas

Website donasi untuk mengelola sedekah barang bekas secara online, mulai dari pengajuan hingga distribusi. Berperan sebagai Project Manager dan Fullstack Developer.

Laravel
PHP
MySQL
+3
Kontribusi Utama:
  • Merancang sistem pengelolaan donasi barang dari sisi donatur, admin, dan penerima
  • Mengembangkan backend dan frontend menggunakan Laravel dan Blade template
Peran:Project Manager, Fullstack Developer
Tim:2 orang
Platform Donasi / Sosial

OnlineShop with Warehouse

Aplikasi e-commerce yang terintegrasi dengan sistem gudang untuk pengelolaan stok dan pesanan secara real-time. Berperan sebagai Project Manager dan mentor, termasuk dalam proses perekrutan tim.

Laravel
ReactJS
PHP
+2
Kontribusi Utama:
  • Menyusun alur sistem e-commerce dan integrasi warehouse dari sisi teknis dan operasional
  • Melakukan proses rekrutmen dan seleksi tim developer
Peran:Project Manager, Mentor, Rekrutmen Teknis
Tim:3 orang
E-commerce / Warehouse Integration

Q Certie

Aplikasi manajemen event dan pembuatan sertifikat digital secara otomatis. Berperan sebagai Project Manager untuk koordinasi tim pengembang dan penyusunan alur fitur.

Laravel
ReactJS
PHP
+2
Kontribusi Utama:
  • Merancang dan memvalidasi alur fitur berdasarkan kebutuhan penyelenggara event
  • Mengelola komunikasi antara stakeholder, frontend developer, dan backend engineer
Peran:Project Manager
Tim:3 orang
Manajemen Event / Sertifikat Digital

Bubu IoT

Aplikasi IoT dan mobile Android untuk memantau aktivitas ikan yang masuk ke dalam bubu (alat tangkap), lengkap dengan statistik sensor seperti baterai dan koneksi. Berperan sebagai Project Manager untuk tim mobile, backend, dan UI/UX design.

Laravel
Flutter
PHP
+2
Kontribusi Utama:
  • Memimpin pengembangan proyek sebagai Project Manager dengan fokus pada tim mobile, backend, dan UI/UX
  • Merancang alur fitur bersama tim dan stakeholder berdasarkan kebutuhan pengguna lapangan
Peran:Project Manager (Mobile, Backend, UI/UX)
Tim:4 orang
IoT & Mobile / Perikanan Digital

WPSIPD

Website landing page untuk divisi pengembangan software pendukung sistem pemerintahan. Berperan sebagai DevOps untuk pengaturan domain, server, dan deployment.

Nginx
Linux Server
DNS Management
+3
Kontribusi Utama:
  • Menyiapkan environment server untuk kebutuhan hosting landing page secara aman dan optimal
  • Mengatur domain, konfigurasi DNS, dan sertifikat SSL untuk akses HTTPS
Peran:DevOps Engineer
Tim:1 orang
Website Institusi / Pemerintahan

Sayen Dashboard

Dashboard internal untuk perusahaan di Timur Tengah, dibangun menggunakan CodeIgniter dan PHP. Berperan sebagai Project Manager yang berfokus pada koordinasi antara stakeholder dan tim pengembang.

CodeIgniter
PHP
MySQL
+2
Kontribusi Utama:
  • Menjadi penghubung utama antara stakeholder perusahaan luar negeri dan tim pengembang internal
  • Menerjemahkan kebutuhan bisnis dan permintaan fitur ke dalam spesifikasi teknis untuk tim developer
Peran:Project Manager (Stakeholder Coordination)
Tim:2 orang
Dashboard Internal / Data Monitoring

Alusio

Plugin WordPress yang dirancang untuk mempermudah proses follow-up kepada pemesan. Berperan sebagai Project Manager dalam perencanaan fitur, koordinasi tim teknis, dan komunikasi dengan stakeholder.

WordPress
PHP
JavaScript
+3
Kontribusi Utama:
  • Merancang alur fitur plugin mulai dari integrasi form hingga pengiriman follow-up otomatis
  • Mengelola backlog dan roadmap pengembangan berdasarkan kebutuhan pengguna dan stakeholder
Peran:Project Manager
Tim:4 orang
Plugin WordPress / Sales Automation

HR Operational

Aplikasi internal untuk pengelolaan data karyawan, cuti, hari libur, dan payroll dalam satu sistem. Berperan sebagai Fullstack Developer dan perancang sistem dari awal.

Laravel
PHP
MySQL
+4
Kontribusi Utama:
  • Merancang struktur database dan alur sistem HR dari awal sesuai kebutuhan operasional
  • Mengembangkan backend API menggunakan Laravel dan mengatur autentikasi, role user, dan log aktivitas
Peran:Fullstack Developer
Tim:2 orang
Aplikasi Internal / Human Resource Management

Agensi Operational

Aplikasi internal untuk memantau proyek dan task dalam tim pengembangan. Berperan sebagai Project Manager dalam perencanaan fitur, koordinasi tim, dan pemantauan progress harian.

Laravel
PHP
MySQL
+2
Kontribusi Utama:
  • Merancang alur sistem dan modul utama seperti proyek, task, subtask, dan update harian
  • Menyusun roadmap pengembangan dan menetapkan milestone tiap sprint
Peran:Project Manager
Tim:2 orang
Aplikasi Internal / Manajemen Proyek

OPIM

Website untuk sistem autentikasi keaslian produk berbasis QR Code, yang terintegrasi dengan Pixel Tracking, Google Analytics, dan WebSocket. Berperan sebagai Project Manager dan Frontend Engineer untuk pengembangan UI serta manajemen proyek.

NestJS
Node.js
TypeScript
+4
Kontribusi Utama:
  • Memimpin proyek sebagai Project Manager: mengatur timeline, komunikasi dengan stakeholder, dan koordinasi tim developer
  • Merancang dan mengembangkan UI menggunakan ReactJS dan TypeScript dengan fokus pada UX modern dan mobile-first
Peran:Project Manager, Frontend Engineer
Tim:4 orang
Keamanan Produk / QR Code Tracking System

Simpro PKMK UGM

Sistem informasi untuk pengelolaan proyek, keuangan, dan perpajakan di badan riset Fakultas Kedokteran, Kesehatan Masyarakat, dan Keperawatan Universitas Gadjah Mada. Berperan sebagai Project Manager dan Fullstack Developer dalam maintenance, perbaikan, dan pengembangan fitur-fitur penting sistem.

Laravel
PHP
MySQL
+5
Kontribusi Utama:
  • Memimpin proyek sebagai Project Manager: pengelolaan sprint, koordinasi tim, dan komunikasi dengan unit pengguna
  • Melakukan maintenance sistem dan perbaikan bug secara berkala
Peran:Project Manager, Fullstack Developer
Tim:3 orang
Sistem Informasi / Manajemen Proyek & Keuangan

Global Islamic Center (GIS)

Website resmi salah satu sekolah swasta terbesar. Bertugas melakukan maintenance, penambahan fitur, dan refactoring tampilan website untuk meningkatkan kenyamanan pengguna dan efisiensi pengelolaan konten.

Laravel
MySQL
Bootstrap
+4
Kontribusi Utama:
  • Melakukan refactoring tampilan website menggunakan Bootstrap agar lebih modern, responsif, dan user-friendly
  • Menambahkan fitur-fitur baru seperti formulir pendaftaran, modul informasi kegiatan, dan integrasi konten dinamis
Peran:Project Manager, Mentor, Fullstack Developer
Tim:2 people
Website Sekolah / Educational Platform

Investorsahamcerdas

Website informasi seputar saham dan edukasi investasi. Berperan sebagai Project Manager dan Fullstack Developer dalam maintenance sistem, perbaikan bug, dan pengembangan fitur untuk meningkatkan performa dan pengalaman pengguna.

CodeIgniter
PHP
MySQL
+4
Kontribusi Utama:
  • Memimpin pengembangan proyek sebagai Project Manager: mengatur timeline, kolaborasi tim, dan komunikasi dengan stakeholder
  • Melakukan maintenance rutin dan perbaikan bug untuk menjaga stabilitas sistem
Peran:Project Manager, Fullstack Developer
Tim:2 orang
Website Edukasi / Investasi

Meroket Tetap Jaya

Website katalog produk dari salah satu pabrik pupuk NPK terbesar di Indonesia. Berperan sebagai Project Manager dan Fullstack Developer untuk pengelolaan konten, perbaikan sistem, serta pengembangan fitur katalog secara dinamis.

CodeIgniter
PHP
MySQL
+5
Kontribusi Utama:
  • Memimpin proyek sebagai Project Manager: mengatur alur kerja, kolaborasi tim, dan komunikasi dengan stakeholder perusahaan
  • Mendesain dan mengembangkan sistem katalog produk dinamis yang mudah diperbarui oleh tim internal
Peran:Project Manager, Fullstack Developer
Tim:2 orang
Website Katalog / Industri Manufaktur

Npkmutiara.com

Website resmi salah satu pabrik pupuk terbesar di Indonesia. Berperan sebagai Project Manager dan Fullstack Developer untuk melakukan perbaikan sistem, optimasi performa, dan pengembangan fitur baru sesuai kebutuhan bisnis.

CodeIgniter
PHP
MySQL
+4
Kontribusi Utama:
  • Memimpin proyek sebagai Project Manager: mengatur timeline, koordinasi tim, dan komunikasi dengan stakeholder
  • Melakukan audit kode dan perbaikan bug untuk meningkatkan stabilitas dan keamanan sistem
Peran:Project Manager, Fullstack Developer
Tim:3 orang
Website Korporat / Industri Manufaktur

Temanggung E-Correction

Aplikasi koreksi data publik dan administratif berbasis Trello-style kanban, dengan pelacakan status koreksi, notifikasi otomatis, dan landing page publik berbasis nomor pengajuan koreksi.

Laravel
PHP
Vue.js
+5
Kontribusi Utama:
  • Merancang arsitektur sistem dan struktur database untuk mendukung proses koreksi data publik dan internal
  • Mengembangkan backend menggunakan Laravel untuk pengelolaan koreksi, pelacakan status, dan manajemen pengguna
Peran:Fullstack Developer
Tim:1 developer
Data Correction & Governance

Temanggung Legal Care

Aplikasi pelayanan hukum digital dengan tampilan proses pendampingan seperti Trello (kanban), dilengkapi landing page publik untuk pelacakan pengaduan berbasis nomor aduan dan ditampilkan dalam bentuk timeline interaktif.

Laravel
PHP
Vue.js
+5
Kontribusi Utama:
  • Merancang arsitektur sistem dan struktur database sejak awal pengembangan
  • Mengembangkan backend menggunakan Laravel dan PHP untuk sistem layanan hukum
Peran:Fullstack Developer
Tim:1 developer
Legal Aid System

AG Subkon V2

Versi terbaru dari aplikasi pengelolaan order subkon berbasis kanban. Dikembangkan menggunakan Ruby on Rails dan Vue.js, aplikasi ini mendukung multi-role user, notifikasi WhatsApp, serta terintegrasi penuh dengan AG Order.

Ruby
Ruby on Rails
Vue.js
+3
Kontribusi Utama:
  • Mengembangkan ulang sistem menggunakan Ruby on Rails sebagai backend dan Vue.js sebagai frontend
  • Merancang arsitektur baru untuk modularisasi fitur dan skalabilitas jangka panjang
Peran:Fullstack Developer
Tim:1 developer
Subcontract Management

DDV CMS PBN

Sistem CMS kustom seperti WordPress yang mendukung pembuatan artikel, custom page, custom styling, dan optimasi SEO. Dibangun menggunakan Laravel dan jQuery untuk kebutuhan blog PBN.

Laravel
jQuery
JavaScript
+3
Kontribusi Utama:
  • Merancang arsitektur sistem dan struktur database modular untuk CMS konten PBN
  • Mengembangkan backend menggunakan Laravel untuk manajemen artikel, halaman, dan SEO
Peran:Fullstack Developer, Team Lead, Mentor
Tim:3 developer
Content Management System

AG Subkon

Aplikasi pengelolaan order subkon berbasis sistem lelang, di mana pesanan produksi dari AG Order ditugaskan ke subkon yang tersedia. Dilengkapi sistem rating subkon, multi-role user, pelacakan progres, dan notifikasi WhatsApp.

Laravel
jQuery
JavaScript
+3
Kontribusi Utama:
  • Merancang arsitektur sistem dan database untuk manajemen lelang dan rating subkon
  • Mengembangkan seluruh backend menggunakan Laravel untuk bidding, penugasan subkon, pelacakan progres, dan evaluasi
Peran:Fullstack Developer
Tim:1 developer
Subcontract Management

AG Schedule

Aplikasi tracking progres pemesanan pakaian dengan tampilan interaktif seperti Trello (kanban board), mendukung multi-role user, notifikasi perubahan status melalui WhatsApp, dan terintegrasi dengan sistem AG Order.

Laravel
jQuery
Vue JS
+4
Kontribusi Utama:
  • Memimpin tim developer dalam perencanaan dan pengembangan fitur utama
  • Membimbing mahasiswa magang terkait dasar pengembangan dan praktik terbaik dalam proyek ini
Peran:Fullstack Developer, Team Lead, Mentor
Tim:3 developer
Production Management

AG Order

Demo

Platform pemesanan pakaian kustom seperti kaos, jaket, topi, dan lainnya, lengkap dengan fitur katalog, kalkulasi harga otomatis, serta pembuatan invoice dan SPK instan. Terintegrasi dengan Aplikasi Amanahgarment Subkon dan Amanahgarment Schedule.

Laravel
jQuery
JavaScript
+3
Kontribusi Utama:
  • Merancang arsitektur dan database sistem dari nol sesuai kebutuhan bisnis
  • Mengembangkan backend menggunakan Laravel untuk manajemen order, katalog, dan pricing
Peran:Fullstack Developer, Team Lead, Mentor
Tim:3 developer
Order Management

Scraping LPSE Tender

Tool otomatisasi pertama kami untuk scraping data tender dari situs LPSE dan mengirimkan notifikasi email setiap ada tender terbaru. Dilengkapi dengan dashboard untuk memantau tender-tender yang telah masuk.

Python
MySQL
CodeIgniter
+4
Kontribusi Utama:
  • Merancang arsitektur dan database sistem scraping dan dashboard monitoring sejak awal
  • Mengembangkan script Python untuk mengambil data tender terbaru dari situs LPSE
Peran:Fullstack Developer
Tim:4 developer
Automation