CULTURE / WEB EXPERIENCE
Daeng Kuning
A web portal for Akademi Persilatan Daeng Kuning, bringing the academy, membership information and its silat heritage online.
View sourceProjects.
Working systems and builds in development. Start with Greetly, then explore the problem each project addresses.
Greetly
Flagship projectAn attendance system for students and administrators. A Raspberry Pi recognises faces locally and sends attendance records to a cloud dashboard.
Read the engineering case studyExplore the cinematic walkthrough
More active
projects.
From cultural heritage to everyday workflows.
A few things I’ve put into the world.
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.
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.
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
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
Ongoing
projects.
6 builds in development.
The work, its scope, and where it stands.
LAMBORGHINI — The Art of Motion
In developmentCinematic automotive scrollytelling experience.
Deployed showcase · Scrollytelling & Canvas 2D
A high-performance automotive web experience featuring Canvas 2D image sequence scrubbing, GSAP ScrollTrigger, Lenis smooth scrolling, and Chiaroscuro visual art direction.
- Canvas 2D image sequence
- GSAP ScrollTrigger
- Chiaroscuro visual aesthetic
Explore development notes
A high-performance cinematic automotive scrollytelling showcase experimenting with interactive canvas rendering, smooth viewport scrubbing and dark automotive aesthetic.
Current interface: React / TypeScript / Vite / GSAP / Lenis / Canvas 2D
CerviScan-AI
In developmentComputer vision for cervical screening research.
My role · CMS dashboard, video streaming & AI integration
A team project for AI-assisted cervical screening research. I build the CMS dashboard and video-streaming application, integrating YOLOv8 to analyse cervical samples and support image review.
- CMS dashboard
- Video streaming
- YOLOv8 integration
Explore development notes
Built with my team and still in development. The public dashboard uses mock data. This is a research prototype, not a clinically validated diagnostic device; demo metrics and certification labels are not verified claims.
Current interface: React / TypeScript / Vite / YOLOv8
GayongX : Official Website , Portal User & CMS Admin
In developmentA connected ecosystem for Silat Seni Gayong Perak.
Early development · Website & ecosystem design
Building a digital home for the association: member and gelanggang management, learning resources, and athlete development, connected through one ecosystem.
- Members & gelanggang
- Learning & heritage
- Athlete development
Explore development notes
An initial website is implemented. The broader draft covers membership and grading, attendance, events, learning, athlete analytics and a marketplace. These modules are under development; the full ecosystem has not launched.
Current interface: Next.js / React / TypeScript
GayongX : Athlete Analytics
In developmentCombat athlete intelligence for PSSGM Perak.
Prototype · Data integration & visualization
A specialized analytics dashboard for tracking combat athlete performance, including readiness scores, body composition, training load, and recovery metrics.
- Performance tracking
- Health metrics
- Training schedules
Explore development notes
The dashboard prototype is functional but currently uses demo data. Integration with actual training sensors and member databases is planned for the next phase.
Current interface: Next.js / React / TypeScript
Game GayongX : Warisan
In developmentSebuah kisah tentang amanah.
Early development · Chapter 1 demo
A web-based interactive dramatization exploring the history and heritage of Silat Seni Gayong. Features keyboard and touch controls, taking players back to Pulau Sudong, 1942.
- Interactive storytelling
- Historical dramatization
- Game mechanics
Explore development notes
Currently in early development. Chapter 1 serves as a proof of concept for the game engine and narrative direction.
Current interface: Next.js / React / TypeScript
SYMI
In developmentCrafted Frozen Yogurt.
Prototyping · UI/UX Design
A digital storefront and e-commerce experience for SYMI Crafted Frozen Yogurt, showcasing the flavor universe and driving daily swirl promotions.
- E-commerce
- Brand identity
- Mobile-first design
Explore development notes
Currently in the design and prototyping phase. The interface focuses on high-quality visuals and smooth interactions to represent the crafted frozen yogurt brand.
Current interface: Next.js / React / TypeScript
