Search the portfolio

↑ ↓ to select · Enter to open · Esc to close

SYAHMI AOF / PORTFOLIOENTRY SEQUENCE

Everythingconnects.

Initializing interface

INTERFACE READYTYPOGRAPHY LOADINGSEQUENCE IN MOTION
Welcome to my portfolioAlways building

Cloud / DevOps · Cloud Computing Student

SYAHMIAOF.

I build systems
that connect.

Building toward Cloud & DevOps Engineering
Agentic AI · Automation · Edge systems
Explore my projectsRecruiter? View the 30-second overview
Scroll to enterBased in Malaysia ↗

Curious by nature.
Builder by choice.

I’m Muhammad Syahmi.
A cloud computing student who likes knowing how the whole thing works.

I’m building toward Cloud and DevOps engineering through connected projects, with AI automation and edge devices extending that work.

NOW
Cloud Computing Student
NEXT
Cloud / DevOps Engineer
EXPLORING
AI infrastructure & agentic systems
Muhammad Syahmi beside a river and forested limestone hills in Malaysia
MUHAMMAD SYAHMIMALAYSIA / MY

I don’t just build interfaces.
I think about what
runs behind them.

My active
project

Featured build · Edge / cloud

Greetly

An attendance system for students
and the people managing their records.

Greetly device concept artwork

Recognize a student at the camera.
See their attendance appear in the dashboard.

Explore the case studyDevice concept artwork from the project repository.

From a face
to a record.

Six steps. One connected system.
Try me — scroll or choose a stage.Try me — tap a stage to follow the event.

AT THE EDGE

Local intelligence.

Frames stay local. Only the recognition event moves onward.

attendance_logs
student
Recognized identity
timestamp
Capture time
status
Awaiting event
ILLUSTRATIVE RECORD
INTERACTIVE SCHEMATIC · NOT A HARDWARE REPLICA
01/06

Camera input

The Pi reads camera frames locally. The frame stays at the edge for the recognition step.

ARCHITECTURE WALKTHROUGH
NOT A LIVE DATA FEED
Read the complete architecture
  1. Capture · Camera input

    The Pi reads camera frames locally. The frame stays at the edge for the recognition step.

  2. Process · Raspberry Pi · OpenCV

    OpenCV prepares grayscale face regions on the Raspberry Pi. Local processing avoids sending a continuous video stream to the dashboard.

  3. Identify · LBPH recognition · cooldown

    The current Python script matches faces with an LBPH recognizer. A per-person cooldown suppresses repeated attendance writes.

  4. Sync · Supabase client

    The edge script sends attendance records through the Supabase client. A local queue in the script supports retrying writes.

  5. Store · PostgreSQL

    An attendance record is stored in attendance_logs, connecting the identified student to a timestamp and attendance status.

  6. Visualize · Next.js · Realtime

    The dashboard subscribes to database updates through Supabase Realtime, bringing the recorded event into the administrator’s view.

FROM SOURCE TO SERVICE

A connected delivery path.

  1. 01GitHub
  2. 02Vercel build
  3. 03Deployment
  4. 04Cloudflare DNS
Engineering decisions

More active
projects.

From cultural heritage to everyday workflows.
A few things I’ve put into the world.

Actual Daeng Kuning website showing its silat academy identity and heritage presentation
CULTURE / WEB EXPERIENCE

Daeng Kuning

A web portal for Akademi Persilatan Daeng Kuning, bringing the academy, membership information and its silat heritage online.

View source
WORKFLOW / CLOUD APPLICATION

Sistem Aduan Asrama

A hostel complaint system for IKM Besut. Students submit and track reports; the documented workflow connects Firebase data with Telegram notifications.

Portal E-Aduan Asrama TVET MARA Besut homepage with report, status and warden entry points
LMS / AI & AUTOMATION PLATFORM

SiapSatu

Platform mikro-pembelajaran interaktif berbahasa Melayu berorientasikan hasil praktikal (outcome-based) pada harga RM10 satu modul. Menghimpunkan modul bersasar seperti Meta Ads + AI, Gemini Canvas, n8n, hingga pembangunan web moden dengan panduan langkah demi langkah bergambar dan template sedia guna.

SiapSatu — Satu modul. Satu hasil. Platform Mikro-Pembelajaran AI & Digital Tools
GITHUB SYNC / ACTIVE PROJECT

Ayam Gepuk Pokmi

A concept storefront for Ayam Gepuk Pokmi with interactive menu details, sample location content, and a responsive brand experience. Ordering and payment are not connected.

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
Ayam Gepuk Pokmi project preview
GITHUB SYNC / ACTIVE PROJECT

StatusHD

A browser-based PWA that transcodes video to MP4 and splits it into WhatsApp Status-ready clips on the device.

  • React
  • TypeScript
  • Vite
  • FFmpeg WebAssembly
StatusHD project preview

Ongoing projects.

All development projects

LAMBORGHINI — The Art of Motion

In development

Cinematic automotive scrollytelling experience.

View project & progress

Skills &
tech stack.

Explore skills & evidence

Cloud & DevOps

Linux, deployment, DNS and connected cloud services, grounded in the projects I build.

AI & automation

Agent workflows, tool integration and human approval, with software and edge systems connecting the pieces.

Experience &
leadership.

Read the full experience

Client advisory, community IT support, independent development and running an academy. The people and operations behind my technical work.

RM15,000 TUBE SME Corp grant received to expand the business.

Certificates &
specializations.

View credentials & awards

Competition recognition: NetAcad Riders International 2026 · iCompEx International 2026 · CloudHunt National Competition 2025

MYT / UTC+8