Skip to content
Fadhil Muhammad

28 projects

Work

Case studies first, newest at the top. Below them: smaller client builds, design work, and the course projects I learned on.

Case studies

  • Illustration of a field app with a harvest work record and on-device fruit ripeness detection, an NFC card, and a web dashboard with production charts and a map
    Mobile + web + AIGEMA Plantation

    Taking palm oil plantation work off paper

    • Supervisors wrote in notebooks, and clerks re-typed it a day later
    • Offline-first Android app, with NFC cards where there's no signal
    • On-device ripeness detection, and an AI assistant in the CMS

    1× recorded once in the field, no re-typing in the office

    • Kotlin
    • Hilt
    • Room
    Read case study
  • Semesta Agro homepage: headline about managing plantation and mill from one platform, next to a grid of ERP modules
    Web · B2BSEMESTA AGRO

    Company website for a palm oil IT-Consultant Company

    • The old site was a logo and nothing else
    • A story that moves from what it is, to why trust it, to booking a demo
    • An interactive explorer for an ERP that spans estate, mill and head office

    10 sections telling one story, from hero to offices

    • Next.js
    • React
    • Tailwind CSS
    Read case study
  • Illustration of a maintenance app scanning a machine QR code, an issue form with readings marked normal, warning and critical, and a list of work orders
    Mobile appGEMA Factory

    A maintenance app for a palm oil mill

    • Breakdown reports arrived late, and paper work orders got lost
    • Scan the machine's QR code to see its history and report an issue

    11 work order types, from repair to calibration

    • Flutter
    • Dart
    Read case study
  • Illustration of an NFC delivery card tapped on a USB reader at the weighbridge, a palm fruit truck, and the OneTap-SPB window showing the card's delivery note saved to the database. Demo data.
    Desktop app + NFCOneTap-SPB

    One tap from NFC card to database at the mill weighbridge

    • Delivery notes were re-typed while trucks queued at the weighbridge
    • Tap the card on the reader, the data is checked and saved

    1 tap to move a delivery note from card to database

    • Python
    • CustomTkinter
    Read case study
  • P3 admin dashboard: the sales list filtered by date, with the menu for cashier, sale, products, minimum stock, opname, purchase requests, buying, users and suppliers
    Analysis + full-stackP3 System

    Purchasing, sales and inventory in one system

    • Spreadsheets that never agreed on stock, across several outlets
    • Sales take stock out, purchases put it in, opname corrects it with a numbered record

    3 ways stock can change: sale, purchase, opname

    • Next.js
    • TypeScript
    Read case study
  • Dapur360 design board: customer, cashier, kitchen and owner with their use cases, the core data model linking tables, orders, menu recipes, ingredients and stock, and the order status from created to done
    System analysisDapur360

    Ordering, kitchen and stock for a vegan restaurant

    • Orders, kitchen and ingredient stock tracked in different places
    • Use cases for four roles and a 14-entity data model

    4 roles: customer, cashier, kitchen, owner

    • System analysis
    • Use case diagram
    Read case study
  • P3 Grosir admin screens designed in Figma: dashboard with a sales chart, best sellers and items at minimum stock, the master item list, and a sales report preview. Demo data.
    System analysis + UI designP3 Grosir

    Sales, purchasing and stock for a wholesale shop

    • Sales, purchasing and stock as four connected processes
    • Minimum stock on every item, on the dashboard and in a report

    4 processes: sales, purchasing, inventory, reporting

    • System analysis
    • Data flow diagram
    Read case study
  • Angkutin mobile screens: waste report form, map of pickup points and request status
    Mobile + admin panelAngkutin

    A waste pickup app for residents and collectors

    • Requests by phone and chat got lost, and nobody knew their status
    • Three roles, each seeing only what they need to act on

    3 roles: residents, collectors and admins

    • Flutter
    • Dart
    Read case study
  • Illustration of a facilitator connected to pairs of learners, with weekly sessions on a timeline
    MentoringBEKUP × Dicoding

    Teaching Flutter in a national startup programme

    • Learners ranged from career-switchers to working developers
    • Weekly sessions, per-person progress tracking and journal reviews

    15+ training sessions supported

    • Flutter
    • Dart
    Read case study

Archive

Other projects

Client builds, prototypes and course projects. The learning projects stay for context.

  • GEMA Plantation — screenshot

    GEMA Plantation

    Mobile

    2025 – now · Piloting

    Plantation operations off paper: an offline-first Android app for field supervisors (attendance, harvest and upkeep records, delivery notes, NFC transfer, on-device ripeness detection) and a web CMS with dashboards, reports, a GIS map and an AI assistant, synced with the company ERP.

    • Kotlin
    • Room
    • TensorFlow Lite
    • ONNX
    • NFC
    • Offline-first
    • Bluetooth printing
    • Location Tracking
  • Content Management System GEMA Plantation — screenshot

    Content Management System GEMA Plantation

    Web

    2025 – now · Piloting

    Web CMS for estate offices and management: production dashboards with period comparisons, daily plans and work records, uncollected fruit with an age indicator, hauling and delivery notes, 9 reports in PDF and Excel, a Leaflet map of supervisors, role-based access, and GapAI, an assistant on a third-party LLM. Syncs master data, daily plans and purchase orders from the ERP.

    • LLM Integration
    • Cross-platform sync
    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • TanStack Query
    • Leaflet
    • .NET Core
    • SQL Server
  • GEMA Factory Mobile — screenshot

    GEMA Factory Mobile

    Mobile

    2026 – now · In development

    Mill maintenance app: scan a machine's QR code, report issues with readings flagged Normal, Warning or Critical, run preventive maintenance and approvals, and track work orders across 11 types.

    • Flutter
    • Provider
    • Dio
    • Freezed
    • REST API
  • OneTap-SPB — screenshot

    OneTap-SPB

    Devices

    2026

    Windows app for the mill weighbridge: tap the truck's NFC card on an ACR122U reader and the delivery note is checked and saved to SQL Server, with duplicate comparison, a session log and searchable history.

    • Desktop
    • NFC
    • NFC Reader
    • Python
    • CustomTkinter
    • PC/SC
    • SQL Server
  • Semesta Agro company website — screenshot

    Semesta Agro company website

    Web

    2026 · Live

    Rebuilt the website of PT Semesta Agri Solusi from a single logo page into a full product site for Green Harvest Plantation, an ERP for palm oil estates, mills and head offices.

    • Next.js
    • React
    • Tailwind CSS
    • Motion
    • Plesk
  • Samta Hospitality — screenshot

    Samta Hospitality

    Mobile

    2025 – 2026

    Flutter app for hospitality and hotel maintenance operations. I owned the UI, REST API integration and state management, built on clean architecture.

    • Flutter
    • REST API
    • Clean architecture
  • Pamulab portfolio — screenshot

    Pamulab portfolio

    Web

    2026 · Live

    This site: case studies, notes, a CV generated from the same content, an optional AI assistant, and an interactive 3D ID card.

    • Next.js
    • Tailwind CSS
    • Motion
    • Three.js
    • Vercel
  • DMB self-ordering kiosk — screenshot

    DMB self-ordering kiosk

    Devices

    2024 – 2025 · Piloted in one outlet

    Self-ordering app for Android TV kiosks and tablets in DNA Group's food and beverage outlets: one Flutter codebase, layouts per screen size, connected to the group's ordering and POS APIs.

    • Android TV
    • Tablet
    • Flutter
    • Dart
    • REST API
    • Sentry
  • P3: purchasing, sales and inventory — screenshot

    P3: purchasing, sales and inventory

    Web

    2025 · Built, not in use yet

    Multi-outlet purchasing, sales and inventory for a retail business: sales take stock out, purchases put it in, minimum stock flags what to reorder, and stock opname corrects the count under a numbered record. Process diagrams first, API last.

    • Next.js
    • TypeScript
    • Zustand
    • TanStack
    • Tailwind CSS
    • shadcn/ui
    • Bun
    • Hono
    • Prisma
    • Zod
    • MySQL
    • Docker
    • GitHub Actions
  • Angkutin — screenshot

    Angkutin

    Mobile

    2024 · Undergraduate thesis

    Waste pickup platform: separate apps for residents and collectors plus a Flutter web admin panel, with real-time status through Firestore and locations on OpenStreetMap.

    • Flutter
    • Firebase
    • Firestore
    • Crashlytics
    • OpenStreetMap
    • Real-time
  • Alpha Coffee Medan — screenshot

    Alpha Coffee Medan

    Web

    Ordering site for a local coffee shop: customers build their order online and send it straight to WhatsApp. No marketplace fees.

    • Next.js
    • Zustand
    • Tailwind CSS
    • Framer Motion
    • Vercel
  • Geofenced photo attendance — screenshot

    Geofenced photo attendance

    Mobile

    Employee attendance for a private company with location-based validation and camera capture; separate employee and admin roles.

    • Flutter
    • Google Maps
    • Flask
    • FastAPI
  • Food Recognizer — screenshot

    Food Recognizer

    Mobile

    Identifies a dish from a photo with an on-device TFLite model, fetches a recipe, and estimates nutrition with Gemini 2.5 Flash.

    • Flutter
    • TensorFlow Lite
    • Firebase
    • Gemini API
  • Multimodal Gemini chatbot — screenshot

    Multimodal Gemini chatbot

    Mobile

    Chat app that combines text and image input so the model can reason about what the user is looking at.

    • Flutter
    • Gemini API
  • Al-Qur'an — screenshot

    Al-Qur'an

    Mobile

    Read and study the Qur'an with translation, tafsir and full-text search.

    • Flutter
  • GEMA Factory — screenshot

    GEMA Factory

    Design

    An App that replaces paper work orders in a palm oil mill: scan a machine's QR code, report an issue with readings and photos, assign mechanics, and track the job to completion. Role based access for technicians, supervisors, managers and management.

    • Web
    • Mobile
    • Prototype
    • UX Research
    • Requirements analysis
    • System design
    • UI Design
    • Figma
  • Dapur360 - Vegan Restaurant Management System — screenshot

    Dapur360 - Vegan Restaurant Management System

    Design

    Vegan Restaurant Integrated POS, QR self-ordering, purchasing & inventory for F&B businesses

    • Web
    • Mobile
    • POS
    • Self-Ordering
    • System Analysis
    • Figma
    • System design
  • P3: Penjualan, Pembelian & Persediaan Grosir — screenshot

    P3: Penjualan, Pembelian & Persediaan Grosir

    Design

    Sales, purchasing and inventory for a wholesale shop, designed in Figma: cashier and transaction history, master items with minimum-stock alerts, stock adjustments, purchase requests, suppliers, user roles and sales reports.

    • Web
    • System design
    • System Analysis
    • Figma
  • Livestock & distributor system — screenshot

    Livestock & distributor system

    Design

    Integrated livestock and distributor management designed in Figma: user flows, data structure and a high-fidelity prototype.

    • Web
    • Mobile
    • Figma
    • System design
    • UI Design
  • Preloved marketplace prototype — screenshot

    Preloved marketplace prototype

    Design

    Admin panel for a multi-role thrift platform, designed and prototyped in Figma: review submitted clothes and send each to sale or recycling, verify buyers, sellers and recycle staff, and manage the catalogue.

    • Web
    • Figma
    • UX research
    • UI Design
  • Diatrofi — screenshot

    Diatrofi

    Others

    Food-intake tracker with healthy recipes and health articles.

    • Flutter
  • Movies — screenshot

    Movies

    Others

    Now showing, upcoming and top-rated films with search, built on TMDB with CI via Codemagic.

    • Flutter
    • TMDB
    • Codemagic
    • Firebase
  • ThreadHub — screenshot

    ThreadHub

    Others

    Discussion forum with threads and replies.

    • React
    • Redux
    • ESLint
  • StorySpot

    Others

    Photo stories with a map of nearby posts.

    • Kotlin
  • GitLookup

    Others

    Search GitHub users and browse profiles.

    • Kotlin
    • GitHub API
  • User management module

    Others

    CRUD module for user data and profiles.

    • React
    • Express
    • Bulma
    • Axios
    • MySQL
  • First personal portfolio — screenshot

    First personal portfolio

    Others

    My first portfolio site, hand-written in HTML, CSS and JavaScript.

    • HTML
    • CSS
    • JavaScript
    • GitHub Pages
  • Covid-19 world tracker — screenshot

    Covid-19 world tracker

    Others

    Pandemic numbers from public health sources.

    • HTML
    • CSS
    • Express

Visual design

Posters and print

Mostly for BITSMIKRO and local businesses, from my multimedia school days onward.

  • GEMA Factory brochure
  • BITSMIKRO recruitment banner
  • Alpha Coffee brochure
  • Community service programme poster
  • FAIS event poster
  • BITSMIKRO social media template
  • Data science seminar poster
  • Cyber security seminar poster
  • Computer lab announcement banner