With over 15 years in IT infrastructure and network security, I've spent a career building the robust foundations that power technology. Now, I'm channeling that deep-rooted expertise into crafting modern, secure, and scalable web applications from the ground up. My unique perspective allows me to not only write clean code but also understand the entire system it runs onβfrom the database query to the network packet.
My transition isn't just about learning new languages; it's about applying a wealth of systems knowledge to development. This means building applications that are:
- π‘οΈ Secure by Design: Built with a deep understanding of network security, common vulnerabilities, and best practices from day one.
- βοΈ Operationally Excellent: Designed for easy deployment, monitoring, and maintenance, leveraging my extensive DevOps and cloud experience.
- π Built for Scale: Focused on performance and scalability, ensuring applications can handle growth without compromising on speed or reliability.
π― Portfolio Website
Problem: Needed a professional, fast, and SEO-optimized platform to showcase my projects and transition journey.
Solution: Developed a modern, responsive portfolio using Next.js and Tailwind CSS, achieving high Lighthouse scores and a seamless user experience.
Tech Stack:
π Live Demo | π Source Code
π©οΈ SkyPart Solutions
Problem: Small aviation businesses struggle to find niche aircraft spare parts through slow, clunky e-commerce sites.
Solution: Architected a lightning-fast, SEO-first e-commerce platform with Astro.js and Supabase, dramatically improving page load times and search visibility.
Tech Stack:
π Live Demo | π Source Code
π FashionHub ID
Problem: Small fashion retailers need an intuitive system to manage inventory and sales without expensive enterprise software.
Solution: Built a comprehensive retail management dashboard with Next.js, enabling real-time inventory tracking, sales analytics, and product management.
Tech Stack:
π Live Demo | π Source Code
π° LOGSPOT
Problem: Teams need a simple, beautiful way to communicate product updates and changelogs to their users.
Solution: Created a clean and focused changelog application using Vue 3, designed for readability and easy content management.
Tech Stack:
π Live Demo | π Source Code
Problem: Small fashion retailers need an intuitive way to showcase their products and company profile.
Solution: Developed a comprehensive company profile and product catalog using Next.js, enabling a seamless and user-friendly experience for customers.
Tech Stack:
π LaporLoka
Description: LaporLoka adalah sistem pelaporan berbasis lokasi yang memungkinkan pengguna untuk mengirimkan, melacak, dan mengelola laporan dengan informasi geografis.
Tech Stack:
- Backend: Laravel 12.0 (PHP 8.2+)
- Frontend: Livewire dengan komponen Volt dan Flux
- Build a production-ready Rust SaaS - A full-stack application with a Rust backend (Actix/Axum) and a Vue/React frontend
- Master WebAssembly - Develop a high-performance browser application using Rust and WASM
- Contribute to Open Source - Actively contribute to a Rust or Vue.js ecosystem project
- Deepen Cloud Expertise - Achieve an advanced cloud architecture certification (e.g., AWS Solutions Architect Professional)
- Share My Journey - Launch a technical blog detailing my transition from network engineering to full-stack development
π‘ I'm always open to discussing web development, challenging projects, and freelance opportunities.
π€ Let's build something robust, secure, and remarkable together!


