My

Projects

card-image

Angkutin | Smart Waste Management

A mobile-first PWA smart waste management platform designed to address pickup logistics inefficiencies and promote recycling incentives.

  • Contributed as a Backend Developer in building a mobile-first Progressive Web App (PWA) using Next.js and NestJS.
  • Engineered scalable APIs and backend logic to integrate an AI-powered AR scanner for estimating waste dimensions and optimizing vehicle allocation.
  • Addressed courier cancellation issues by improving waste volume estimation accuracy for correct courier dispatch.
  • Implemented a tracking and reward system supporting the circular economy, motivating users to separate and recycle materials.
  • Improved pickup logistics, reduced dispatch cancellations, and incentivized sustainable waste disposal behaviors.
Visit LivePrivate Repo
card-image

Laci POS

A comprehensive, offline-first mobile Point-of-Sale ecosystem built to maintain operational continuity and data integrity during intermittent connectivity.

  • Engineered an offline-first mobile Point-of-Sale (POS) application using Flutter (Android & iOS).
  • Designed a dual-layer system using Drift for local persistence and Firebase for global data synchronization.
  • Implemented multi-tenant data isolation and distributed synchronization patterns with an automated sync queue.
  • Ensured atomic updates for transaction safety, automatically logging inventory updates and CRM loyalty points without network reliance.
  • Integrated advanced inventory tracking, automated sync queue, and client relations management into a unified POS workflow.
No Live DemoPrivate Repo
card-image

Kala Rasa

A culinary and recipe discovery mobile application that bridges the gap between culinary inspiration and ingredient procurement.

  • Developed a recipe discovery and execution mobile application using Flutter (Android & iOS).
  • Applied Clean Architecture to design a modular, scalable, and highly maintainable codebase.
  • Integrated an AI-driven chatbot to provide personalized cooking guidance and step-by-step assistance.
  • Implemented an automated shopping list feature to streamline ingredient procurement and cooking efficiency.
  • Conducted UX research to build smooth features like bookmarks and history tracking while preserving data integrity.
No Live DemoPrivate Repo
card-image

JTV Portal

A unified mobile experience for real-time news and live streaming, built using Clean Architecture and the BLoC pattern.

  • Developed a real-time news and live streaming mobile application using Flutter (Android & iOS).
  • Utilized Clean Architecture to ensure modular scalability and long-term codebase maintainability.
  • Leveraged the BLoC pattern for robust state management across features like bookmarking and live media playback.
  • Integrated advanced media kits for low-latency live video streaming and rendering.
  • Incorporated accessibility features, including text-to-speech functionality, for digital journalism.
No Live DemoPrivate Repo
card-image

Diary Food

A website to track your daily food intake and calories.

  • Developed a recipe-sharing platform with AI-powered search and real-time interactions.
  • Implemented user features: upload, comment, bookmark, and share recipes.
  • Optimized performance and SEO using Next.js SSR and dynamic routing.
card-image

Zefora

Modern e-commerce website focused on women’s fashion with a clean, responsive, and conversion-oriented user experience.

  • Designed and developed a user-centric women’s fashion e-commerce platform with a modern UI.
  • Implemented structured product catalogs with search and filtering for easier product discovery.
  • Optimized performance, responsiveness, and SEO using Next.js and Tailwind CSS to support higher conversion rates.
Visit LivePrivate Repo
card-image

Gundul Trans

Modern travel website with a clean, responsive, and conversion-oriented user experience.

  • Designed and developed a user-centric travel website with a modern UI.
  • Implemented features with search and filtering for easier cars discovery.
  • Optimized performance, responsiveness, react js and Tailwind CSS to support higher conversion rates.
Visit LivePrivate Repo
card-image

Arenaku | Sports Field Booking

A modern e-commerce platform with a focus on user experience.

  • Built a web app for booking sports fields with schedule, review, and photo features.
  • Used Laravel to manage CRUD operations and secure user roles.
  • Designed responsive UI with Tailwind for mobile-first experience.
card-image

Booking Luxury Hotel

A website for booking luxury hotels with room reservation, booking management, and payment simulation features.

  • Developed a hotel booking platform with user-friendly reservation flow.
  • Integrated room listings, booking management, and payment simulation.
  • Emphasized elegant UI/UX for a premium feel.
No Live DemoGithub
card-image

Rekapin

A centralized academic data management application that addresses fragmented manual processing with offline reliability and bulk operations.

  • Engineered a mobile application using Flutter to centralize participant, course, and grade management.
  • Utilized the BLoC pattern for scalable state management and integrated Hive for robust offline-first reliability.
  • Addressed administrative bottlenecks by integrating CSV/Excel processing for high-speed bulk import/export operations.
  • Integrated secure QR scanning functionalities for instant digital certificate verification.
  • Designed interactive visual charts to bridge raw educational data with real-time actionable insights.
No Live DemoPrivate Repo
card-image

Paylio | E-Wallet Application

A Flutter-based e-wallet application that enables users to top up, transfer, buy data, and perform various transactions with Midtrans payment gateway integration.

  • Built a cross-platform e-wallet application using Flutter.
  • Implemented core features such as top-up, transfers, and data purchase.
  • Integrated Midtrans payment gateway for secure and seamless transactions.
No Live DemoGithub
card-image

Sadari 4 Life | Health Education Platform

An educational website that raises awareness about hypertension symptoms and provides quiz-based screening for early detection.

  • Developed an educational platform to increase awareness of hypertension risks.
  • Implemented quiz-based screening to help users identify potential symptoms early.
  • Focused on a clean and accessible UI/UX to support health education.
No Live DemoGithub
card-image

Go Explore | Travel Agency Landing Page

A responsive landing page website for a travel agency with modern and engaging design.

  • Built a responsive landing page optimized for both mobile and desktop.
  • Designed to highlight travel packages with clear call-to-actions.
  • Focused on modern UI/UX to attract and engage visitors.
card-image

Halaman Literasi | Cafe Landing Page

Landing page untuk cafe Halaman Literasi, ruang komunitas yang memadukan literasi dan budaya kopi di Jember.

  • Built a responsive landing page that adapts seamlessly to all devices.
  • Showcases the unique concept of combining a coffee space with literacy culture.
  • Designed with a warm, inviting UI/UX to reflect the cozy and inspiring atmosphere of the cafe.