Things I’ve built

An agent situation-room: a panel of AI leads debates a call across your projects, then you approve it. Bounded, mediated, human-approved.

next js · typescript

A lightweight AI workspace anyone can use: chat with an agent to build and edit, preview your app live, and keep your work safe with plain-language source control. A desktop app built on Tauri + Rust, about 8 MB.

tauri · rust

Your AI-powered food plug for the best makan spots in Malaysia. Ask naturally in Manglish and it hooks you up with real places, backed by real Google Maps reviews. Built with Syahirah for Cursor Hackathon 2025.

react · typescript

A Claude Code usage monitor on a tiny ESP32 desk display — session and weekly usage as animated pixel art, with a retro clock. My macOS + cloud fork of an open-source project.

esp32 · c

A comprehensive, interactive study companion for the AWS Solutions Architect Associate (SAA-C03) exam. Covers all 4 exam domains with a cheat sheet, deep-dive notes, 60 practice questions, interactive architecture diagrams, and a dedicated VPC guide — all in one dark-themed web app.

cloud · aws

Contact Form with Zod Validation, PDF Attachment, and Google Sheets Integration

next typescript · shadcn ui

Electronic commerce app with ReactJS, Context API (useReducer), Styled Components integrate with backend MongoDB database

fullstack dev · react javascript

A case study on how Kaeru's interface gets designed: one page where every screen and state is mocked, reviewed, and promoted from design mockup to real component — before any of it ships.

case study · design process

Qada Tracker to track your fasting & stay connected with prayer times. Use Supabase and Supabase auth for user login to store persistent data.

React · Lovable

This application serves as a professional platform for Okarun Gaming to showcase their team, attract sponsors, and engage with their community while maintaining their unique anime-inspired identity and professional esports presence.

next typescript · tailwind css

Pixel perfect the duplicate a Japanese landing page with animation - assessment given from one of the recruiter.

next typescript · tailwind css

Actually I want to have this app into learning tajweed now, it became something else. To learn how Supabase works. Then, level up!!

supabase · postgresql

Integrating Next.js with Sanity (Headless CMS) and display the blog content.

next typescript · api integrate

TODO app with Next.js, Tailwind CSS, TypeScript + Pagination, Search, Filter with Dummy Data

next typescript · tailwind css

Redesign my websites with NextJS + Tailwind CSS + Framer Motion = Animation (on-going)

next typescript · shadcn ui

Use OpenMeteo API for the longitude and latitude, and use OpenCage API to geocode the location which was passed on and extract the coordinates.

backend dev · express javascript

Find Twitter News - News API + LocalStorage Auth + dotenv + Bookmark + Load More + Custom Button

react javascript · material ui

Mock API Simple App (Add To Favorite, Search Bar, Login Auth w LocalStorage)

react javascript · material ui

A food ordering app with ReactJS, Context API (useReducer), Material UI, Cloudinary for Image Upload, JSON Server for CRUD

react javascript · material ui

Simple use of Tailwind in ReactJS with dark mode

next javascript · tailwind css

Web design with Nextjs pages router + Tailwind CSS

next javascript · tailwind css

Personal portfolio website with Reactjs. What I have learned, I craft onto this website.

react javascript · tailwind css

Photo Album UI practising using Material UI (UI Components)

react javascript · material ui

A simple list of ninjas from REST API using NextJS (Pages router)

next javascript · css modules

📱Building a CRUD application that can store a list of contacts with React + Semantic UI

react javascript · semantic ui

CRUD application framework with ReactJS + Laravel

reactjs · laravel

Problem-Based Learning MS Access - Accounting System Analysis and Design (AIS655)

uitm · group assignment

A voice-controlled AI chatbot on ESP32 — offline wake word, streaming speech to an LLM and back, and device control over MCP. My build of the open-source XiaoZhi project.

esp32 · c++

A pixel-duck agent UI for the ESP32 Cheap Yellow Display — idle / listening / thinking / talking sprites, an I2S mic, and touch pages — prototyped in the Wokwi simulator. The precursor to ohmyclawd.

esp32 · c++

Titanic - Machine Learning from Disaster. Predict survival on the Titanic and get familiar with ML basics

sql · database

Jurukira Bijak – Your intelligent AI companion for solving accounting, tax, and audit queries with ease.

next typescript · generative ai

Password Generator and Dark mode, build with HTML + CSS + JS

javascript · css

Responsive web design with HTML, CSS

html · css

Product landing page with embedded video

html · css

Control the colour, font, size, spacing

html · css

Survey Form with HTML, CSS (Web Design)

html · css

Save for the feature to count passenger

html · css

Learn about JavaScript DOM, on click event listener, inner text

html · css

A static webpage using HTML and designed the CV with Bootstrap CSS

html · css

Class and ID in CSS

html · css

Try out the sentiment analysis on a large data of hotel reviews dataset for knowledge

python · numpy

Tic Tac Toe + Guess number game with Terminal

javascript · terminal

Want to play around cards?

Services specifically focused on women’s hair treatment with a cafe inside

uitm · project assignment

Create mockups, wireframes, and UI prototypes using Pidoco online tools which are built for accounting software for the purpose of group assignment.

uitm · group assignment

Create a Payroll System Cozy Clothing Company and process flowchart using Microsoft Visio. It is a Problem Based Learning by Accounting Information System (AIS615) course.

uitm · individual assignment

Sales Order Processing and Cash Receipt System of Rapid Electronics Company. It is a Problem-Based Learning by Accounting Information System (AIS615) course.

uitm · microsoft