MuhamadHaydar

[ I Build Things That Live on the Internet. ]

Muhamad Haydar — Precise & Experimental Developer
[ Identity_Archive ]
Ref. MH-2026
Status: Active

Fullstack Developer & AI Enthusiast, turning ideas into apps, bugs into lessons, and coffee into code.

View Work
Download CV
[ 01 // ABOUT ]

I build because I’m curious how things work. Not just the result, but the process of thinking, breaking, and figuring things out, until everything finally makes sense.

Based anywhere the internet lives
[ 02 // ARCHIVE ]

Selected
Works

Engineering artifacts. Code as a raw material. Built for scale and impact.

01 // POTENSI

QR Attendance System

Digital attendance and scheduling system using QR-based validation for students and lecturers.

LaravelFlutterQR Code

› QR-based real-time attendance validation.

› Integrated web & mobile system.

› Schedule and attendance synced centrally.

[SYSTEM STATUS: EXPOSED]

02 // SCHEDU

Smart Scheduling System

Web-based system for automated course scheduling and academic resource management.

LaravelPHPMySQL

› Auto-generate schedule from master data.

› Centralized role-based access (admin, dosen, mahasiswa).

› Import/export via CSV for flexible data management.

[SYSTEM STATUS: EXPOSED]

03 // SOBATTI.WEB.ID

Landing Page & SEO

High-converting business landing page with full SEO optimization for online visibility.

Next.jsSEOTailwind

› SEO-first structure (meta, schema, performance).

› Conversion-focused UI/UX for lead generation.

› Fast loading & responsive across all devices.

[SYSTEM STATUS: EXPOSED]

[ 03 // SYSTEMS_&_CAPABILITIES ]

Technical
Arsenal

A focused stack of unopinionated tooling to build scaleable interfaces.

01

Frontend

Strictly typed, reactive frontends built for high framerates and complex state models.

  • LanguagePHP / JS
  • FrameworkLaravel / Next.js
  • StylingBootstrap / Tailwind
02

UI/Motion

Physics-based interactions, staggered reveals, and layout animations running at 60fps.

  • AnimationMotion
  • UI/UXFigma
  • Othershadcn/ui, Three.js
03

Backend

Robust data pipelines, server-side actions, and headless integrations for full-stack delivery.

  • RuntimeNode.js
  • DatabasePostgres / MySQL
  • APIREST / Livewire
04

Tools

Modern devops unopinionated tooling aiming for automation and high developer experience.

  • VCSGit / Github
  • Operating SystemLinux
  • DeploymentVercel

Lab Environment

Move cursor over surface to interact.
Access terminal for diagnostic readout.

INITIALIZING CANVAS...