Portfolio
My Projects
Showcasing my best work in web development, featuring full-stack applications, data visualizations, and innovative solutions that solve real-world problems. Note that not all of my projects are displayed here as some are not well documented yet.
Hajj & Umrah Travel Platform
A digital platform for managing Hajj and Umrah travel operations, including package management, booking, pilgrim data, and payments, equipped with automatic notifications via WhatsApp, email, and app. The system is available in web and mobile (Android & iOS) versions, with access for admins, agents, and pilgrims.
- Acted as Project Manager in the initial phase, leading cross-platform planning and development (Web, Mobile, and Design)
- After MVP release, switched to Team Lead Fullstack Web & Design, leading further development and ensuring technical and UI/UX quality
JahitStatus
DemoA digital platform for tailoring order management, status tracking, and seamless communication between tailors and customers. Built as a modern web application with interactive features.
- Developed the responsive frontend application using React.js and Next.js
- Built the backend with Laravel to handle order and user management
LulusPedia - Learning & Tryout Platform for ASN Exams
DemoA digital platform for learning and exam simulations (tryouts) for ASN candidates, featuring content management, question banks, timed simulations, and performance dashboards. Developed as a scalable web application with interactive dashboard and landing page.
- Developed a responsive landing page by slicing Figma designs into React.js + TailwindCSS
- Built an interactive user dashboard with React.js and TypeScript
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.
- 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
PrayTime Reminder - VSCode Extension
DemoA Visual Studio Code extension designed for Muslim developers to help them stay on track with prayer times while working. This is my first open-source project, aimed at supporting productivity without neglecting daily worship.
- Initiated and built my first open-source project to support Muslim developers
- Designed and developed the extension interface using the VSCode Extension API
Website Speed Optimization for 20+ Client Websites
Optimized the performance of over 20 client websites through a comprehensive approach, including JavaScript and CSS efficiency, image compression, and best practices based on Google PageSpeed Insights audits.
- Conducted speed and performance audits on more than 20 websites using Google PageSpeed Insights and GTmetrix
- Analyzed and reduced unnecessary JavaScript usage to speed up rendering time
Rijal Solahudin Personal Web
A personal website and blog built with Next.js, featuring a portfolio, blog, and interactive CV. Designed as a playground for experimenting with modern web technologies and sharing knowledge.
- Designed and developed the website from scratch using Next.js and TailwindCSS
- Implemented bilingual support (Indonesian/English) and dark mode
Keywoard Suggest
An interactive application for keyword research and categorization
- Initiated and designed the concept of the application to assist with efficient keyword research and categorization
- Managed the entire development process, from initial idea and interface design to system implementation
Copywriter Generator
A web-based tool for generating and organizing copywriting automatically. Served as Frontend Developer using Vue.js.
- Developed the user interface using Vue.js for creating and organizing copywriting text
- Designed modular components such as the editor
Amal Terbaik Madania
A digital donation platform that enables the public to donate transparently and systematically. Acted as Project Manager overseeing planning, timelines, and team coordination.
- Ensured project timelines were met through regular monitoring
- Actively coordinated between stakeholders and the development team to align the product vision
Hobids
An online auction app for animals. Acted as Project Manager during the UI/UX design process using Figma.
- Designed and structured user journey scenarios based on animal auction user flows
- Led the UI/UX design process using Figma
Siata UPN
A thesis management system for UPN Yogyakarta. Acted as Project Manager for feature development, bug fixing, and performance optimization.
- Designed and directed the development of new features
- Coordinated with campus stakeholders to understand user needs and academic policy updates
Sedekah Barang Bekas
Donation platform to manage second-hand goods donations online. Acted as Project Manager and Fullstack Developer.
- Designed donation management system for donors, admins, and recipients
- Developed backend and frontend using Laravel and Blade templates
OnlineShop with Warehouse
An e-commerce platform integrated with warehouse systems for real-time stock and order management. Acted as Project Manager and mentor, including team recruitment.
- Planned system architecture and warehouse integration technically and operationally
- Handled developer recruitment and team building
Q Certie
Event management and automated digital certificate generation platform. Acted as Project Manager for developer coordination and feature planning.
- Planned and validated feature flow based on organizer needs
- Managed communication between stakeholders, frontend developers, and backend engineers
Bubu IoT
IoT and Android mobile application to monitor fish activity in traps (bubu), with sensor statistics like battery and connection. Acted as Project Manager for mobile, backend, and UI/UX teams.
- Led development as Project Manager across mobile, backend, and UI/UX teams
- Designed feature flow based on field user needs with team and stakeholders
WPSIPD
Landing page for a government software development division. Acted as DevOps for domain, server setup, and deployment.
- Prepared secure and optimized server environment for hosting
- Configured domain, DNS, and SSL for HTTPS access
Sayen Dashboard
Internal dashboard for a Middle Eastern company, built with CodeIgniter. Acted as Project Manager focusing on stakeholder-developer coordination.
- Acted as liaison between foreign stakeholders and internal development team
- Translated business needs and feature requests into technical specifications
Alusio
WordPress plugin to streamline follow-up processes with potential buyers. Acted as Project Manager for feature planning, technical coordination, and stakeholder communication.
- Designed plugin workflow from form integration to automated/manual follow-up
- Managed development backlog and roadmap based on user and stakeholder needs
HR Operational
Internal application for managing employee data, leave, holidays, and payroll in one system. Acted as Fullstack Developer and system architect from scratch.
- Designed database structure and HR workflow from scratch
- Built backend API using Laravel with authentication, user roles, and activity logs
Agency Operational
An internal application to monitor projects and tasks within a development team. Acted as Project Manager in feature planning, team coordination, and daily progress monitoring.
- Designed system flow and core modules such as projects, tasks, subtasks, and daily updates
- Created development roadmap and defined sprint milestones
OPIM
A QR code-based product authenticity system integrated with Pixel Tracking, Google Analytics, and WebSocket. Acted as Project Manager and Frontend Engineer for UI development and project coordination.
- Led the project as Project Manager: managed timeline, stakeholder communication, and team coordination
- Designed and developed UI with ReactJS and TypeScript focusing on modern UX and mobile-first approach
Simpro PKMK UGM
An information system for managing projects, finances, and taxes at a research body within the Faculty of Medicine, Public Health, and Nursing at Universitas Gadjah Mada. Acted as Project Manager and Fullstack Developer for maintenance, bug fixes, and key feature development.
- Led the project: managed sprints, team coordination, and user communication
- Performed regular system maintenance and bug fixes
Global Islamic Center (GIS)
Official website of one of the largest private schools. Responsible for maintenance, new feature development, and UI refactoring to improve user experience and content management efficiency.
- Refactored website UI using Bootstrap to make it modern, responsive, and user-friendly
- Added new features like registration forms, event modules, and dynamic content integration
Investorsahamcerdas
An informational website focused on stocks and investment education. Acted as Project Manager and Fullstack Developer for system maintenance, bug fixes, and feature development to enhance performance and user experience.
- Led project development as Project Manager: managed timeline, team collaboration, and stakeholder communication
- Performed regular maintenance and bug fixes to ensure system stability
Meroket Tetap Jaya
A product catalog website for one of Indonesia's largest NPK fertilizer manufacturers. Acted as Project Manager and Fullstack Developer for content management, system improvement, and dynamic catalog feature development.
- Led the project as Project Manager: managed workflow, team collaboration, and corporate stakeholder communication
- Designed and developed a dynamic product catalog system easily updated by internal team
Npkmutiara.com
Official website of one of the largest fertilizer manufacturers in Indonesia. Served as Project Manager and Fullstack Developer for system improvements, performance optimization, and feature development.
- Led the project as Project Manager: timeline planning, team coordination, and stakeholder communication
- Conducted code audit and fixed bugs to improve system stability and security
Temanggung E-Correction
Public and administrative data correction app with Trello-style kanban, status tracking, automated notifications, and a public landing page based on correction request number.
- Designed system architecture and database structure to support public and internal data correction
- Developed Laravel-based backend for correction management, status tracking, and user roles
Temanggung Legal Care
Digital legal aid platform with Trello-style progress board and public tracking page based on report number in timeline format.
- Designed architecture and database structure from scratch
- Developed Laravel backend for legal aid services
AG Subkon V2
Latest version of subcontract order management app using Ruby on Rails and Vue.js, integrated with AG Order and featuring WhatsApp notifications.
- Rebuilt the system using Ruby on Rails and Vue.js
- Designed modular architecture for scalability
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.
- Merancang arsitektur sistem dan struktur database modular untuk CMS konten PBN
- Mengembangkan backend menggunakan Laravel untuk manajemen artikel, halaman, dan SEO
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.
- Merancang arsitektur sistem dan database untuk manajemen lelang dan rating subkon
- Mengembangkan seluruh backend menggunakan Laravel untuk bidding, penugasan subkon, pelacakan progres, dan evaluasi
AG Schedule
A clothing order progress tracking application with an interactive Trello-like kanban board interface, supporting multi-role users, status change notifications via WhatsApp, and integrated with the AG Order system.
- Led the development team in planning and building core features
- Mentored intern students on development fundamentals and best practices in this project
AG Order
A custom clothing ordering platform for t-shirts, jackets, caps, and more, featuring a catalog, automatic price calculation, and instant invoice & work order (SPK) generation. Integrated with Amanahgarment Subkon and Amanahgarment Schedule apps.
- Designed the system architecture and database from scratch based on business needs
- Developed backend with Laravel for order, catalog, and pricing management
Scraping LPSE Tender
DemoOur first automation tool for scraping tender data from the LPSE site and sending email notifications for new tenders. Includes a dashboard to monitor incoming tenders.
- Designed system architecture and scraping/monitoring database from the ground up
- Developed Python scripts to extract latest tender data from LPSE website