I build web, mobile, and connected systems.

I’m Muhammad Fauzan, a software engineer building web applications, mobile experiences, and real-time IoT systems.

  • 6 selected projects
  • Full-stack & IoT
  • Telkom University
Black-and-white portrait of M. Fauzan outdoors
[ CHAPTERS 01 — 06 ]ENGINEERING MONOGRAPHS

Selected Works

A curated monograph of production systems, distributed web platforms, and mobile companions.

ORBITING SHOWCASE//01 OF 06
CHAPTER 01Website - Full Stack
Solo
FutsalPro preview
FIG. 01A — ARCHIVE SPECACTIVE VIEW

FutsalPro

INSPECT

Website full-stack untuk manajemen futsal dengan booking, notifikasi email, dan alur pembayaran online.

NextJSTailwindSupabaseResend+3
Click to open full monographEXPLORE
CHAPTER 02Mobile - App Development
Solo
RideAssist preview
FIG. 02A — ARCHIVE SPECORBITING

RideAssist

Aplikasi mobile asistensi berkendara dengan arsitektur ringan untuk pengalaman real-time dan stabil.

FlutterFirebase
ORBIT TRACKClick to rotate
CHAPTER 03Website - Frontend
Group
IDAMAN-TSL preview
FIG. 03A — ARCHIVE SPECORBITING

IDAMAN-TSL

Sistem informasi data pemanfaatan tumbuhan dan satwa liar untuk Balai Besar Konservasi Sumber Daya Alam (BBKSDA) Jawa Barat.

NextJSTailwind
ORBIT TRACKClick to rotate
CHAPTER 04Mobile - App Development
Group
HikePass Mobile preview
FIG. 04A — ARCHIVE SPECORBITING

HikePass Mobile

Aplikasi mobile untuk kebutuhan pendakian dengan autentikasi, manajemen data, dan notifikasi email.

FlutterSupabaseGetXResend
ORBIT TRACKClick to rotate
CHAPTER 05Website - Full Stack
Group
HikePass Website preview
FIG. 05A — ARCHIVE SPECORBITING

HikePass Website

Website full-stack pendukung ekosistem HikePass untuk pengelolaan data dan operasional pengguna.

VueLaravelNodeJS
ORBIT TRACKClick to rotate
CHAPTER 06Website - Frontend
Group
HijauKu preview
FIG. 06A — ARCHIVE SPECORBITING

HijauKu

Website informatif dan kalkulator daur ulang digital HijauKu untuk menyederhanakan pengelolaan sampah warga.

HTMLCSSJavaScriptBootstrap
ORBIT TRACKClick to rotate
CH.01/FutsalPro
Click side cards or arrows to orbit · Click active card to inspect

03 /Engineering capabilities

Systems Matrix

The technologies I build with, and what I use them for.

Frontend

Interfaces & interaction
  • React

    Component architecture and state management for interactive dashboards.

  • Vue

    Reactive interfaces for the HikePass web administration portal.

Backend & Database

Services & data
  • Node.js

    Asynchronous services, API endpoints, and content delivery.

  • PostgreSQL

    Relational data models, indexed queries, and reliable transactions.

Tools

Design & delivery
  • Figma

    Interface prototyping, component libraries, and design system planning.

  • Vercel

    Automated deployments, preview environments, and serverless hosting.

Showing 6 of 22 technologies

Experience Dossier

Pengalaman membangun software, menyelesaikan masalah di lapangan, dan bekerja bersama tim lintas disiplin.

COE Integrated & Embedded System

Telkom University Surabaya

Fullstack DeveloperInternshipSurabaya, ID

Agustus 2026 — Present

Sedang berjalan

Smart Kandang Multi-Platform Software Ecosystem

Mengembangkan ekosistem web, mobile, dan backend untuk pemantauan kandang ayam closed-house, dari data sensor di lapangan hingga informasi yang digunakan peternak.

Kontribusi dan hasil
  • Membangun dashboard web dan aplikasi mobile dengan Next.js dan Flutter, termasuk cache lokal saat koneksi tidak stabil.
  • Mengembangkan backend dan pipeline ESP32 dengan latensi sensor ke antarmuka <500 ms, lengkap dengan kontrol akses dan validasi payload.
  • Mempercepat mitigasi insiden dari ±3 menit menjadi <5 detik melalui bulk alert acknowledge.
  • Mengekspor 5.000+ baris data dalam <1 detik langsung di browser, tanpa membebani server.
Lihat detail teknis
Teknologi
Frontend
Next.js 14+ · TypeScript · Tailwind CSS · Recharts · ExcelJS
Mobile
Flutter · Dart · Provider · Dio · FCM
Backend
NestJS · Prisma · PostgreSQL · JWT RBAC · Swagger
IoT
ESP32 Gateway · HTTP Ingestion · Telemetry API · JSON Schema
DevOps
Docker · Cloudflare Tunnel · Nginx · Ubuntu Linux
Cara kerja
  • Agile/Scrum dengan siklus sprint 2 minggu bersama IoT/Hardware Engineer dan stakeholder peternak.
  • Standardisasi kontrak skema payload telemetri bersama tim hardware, dokumentasi SRS, dan pemodelan ERD.
  • Code review melalui Git Pull Request, serta pipeline Black Box, White Box, dan unit testing (Jest / Flutter Test).
Metrik pendukung
Telemetry Latency
< 500ms — Sensor edge ke antarmuka web dan mobile.
Triage Efficiency
> 95% — Bulk alert acknowledge untuk penanganan insiden.
Offline-First
100% — Local snapshot cache untuk akses data saat koneksi tidak stabil.
Rows / < 1s
> 5.000 — Ekspor laporan XLSX/CSV di browser.
Cloud Cost Saved
Zero-IP — Docker dan Cloudflare Tunnel untuk infrastruktur tanpa sewa IP publik statis.
QA Scenarios
81+ — Black Box, White Box, dan unit test dengan Jest serta Flutter Test.

CV. Media Inti Teknologi

Fullstack DeveloperInternshipIndonesia

Juli — Agustus 2026

Selesai

Quenza Conference Information System

Membangun sistem informasi konferensi bersama tim lintas disiplin, dengan fokus pada portal CMS dan pengelolaan pengguna.

Kontribusi dan hasil
  • Portal CMS konferensi. Membangun landing page berbasis React untuk publikasi agenda, profil narasumber, dan informasi registrasi sesi.
  • Manajemen pengguna & autentikasi. Mengembangkan modul pengelolaan pengguna dengan REST API Laravel dan MySQL. Bersama portal CMS, dua modul inti diselesaikan dalam periode internship 2 bulan.
  • Kolaborasi lintas disiplin. Menyelaraskan implementasi dengan System Analyst, UI/UX Designer, AI Engineer, dan QA untuk menghasilkan platform konferensi yang andal.
Lihat detail teknis
Teknologi
Frontend
React · JavaScript · HTML5 · CSS3
Backend
Laravel · PHP · MySQL · REST API
Tools
Git · GitHub · Figma · Postman
Cara kerja
  • Kolaborasi lintas disiplin bersama System Analyst, UI/UX Designer, AI Engineer, dan QA Tester.
  • Pengembangan REST API secara contract-first dengan version control Git dan workflow GitHub.
Metrik pendukung
Teams Synced
4 — System Analyst, UI/UX, AI Engineer, dan QA.
Core Modules
2 — CMS landing page dan manajemen pengguna.
Time-to-Ship
2 mo — Juli — Agustus 2026.
COMMUNICATION TERMINAL // ACTIVE
BANDUNG, JAWA BARAT [UTC+7]

Have ambitious problems to solve? Initiate Collaboration.

From zero-to-one architecture to shipping resilient fullstack platforms — I'm ready to contribute immediately. Drop an email and let's start the conversation.

PRIMARY DISPATCH CHANNEL:

muhfauzann040@gmail.com