Creative Engineer

Building digital experiences that matter

About Me

I'm a passionate developer focused on creating beautiful, functional digital experiences. With a background tech and engineering, I bring a unique perspective to every project.

When I'm not coding, you can find me exploring new technologies, contributing to open source, or seeking inspiration in art and nature

Skills & Expertise

Next.js

Django

NextAuth

Elasticsearch

OpenAI

Semantic Search

i18n

TailwindCSS

Payload CMS

MYDS

Python

Gradio

LangChain

ChromaDB

RAG

LLM

MERN

MongoDB

Express

React

WebSocket

JWT

PostgreSQL

HTML

Material UI

CSS

JavaScript

ShadCN

Bun Runtime

Fastify

Featured Projects

A selection of my most significant work across various domains and technologies.

Hansard Parlimen

Portal for the public to view digital hansard of Malaysian Parliament

Next.jsFastifyPostgreSQLMYDSi18nTailwindCSS

Demo Code

Digital Ministry Website

Official website for Digital Ministry Malaysia

Next.jsPayload CMS

Demo Code

StudyBuddy Student Management Dashboard

Secure, role-based dashboard to streamline management of student records, classes, and administrative workflows.

Next.jsNextAuthSupabaseTailwindCSS

Demo Code

StudyBuddy Website

Official website for StudyBuddy Tutors

Next.jsTailwindCSSPayload CMSSupabase

Demo Code

GooseTouchRugby Website

Official website for Goose Touch Rugby.

Next.jsPayload CMSTailwindCSSCSSShadCNMongoDB

Demo Code

TechGovMy

The main official website for GovTech Malaysia, developed with a modern UI and structured content management tailored for scalability and accessibility.

Next.jsPayload CMSMYDSTailwindCSSi18n

Code

SiaranGovMy

A CMS-powered platform for publishing official press releases and announcements, with built-in search and multi-language support.

Next.jsPayload CMSTailwindCSSMYDSi18n

Code

AskMyGov

A multilingual citizen query platform integrated with semantic search to reduce repeated questions and improve public engagement with the Malaysian government.

Next.jsDjangoElasticsearchSemantic SearchOpenAINextAuthi18nTailwindCSS

Code

CSVQuery-RAG

An AI-powered tool that allows users to query CSV files conversationally using LangChain and RAG architecture.

PythonGradioLangChainChromaDBOpenAIRAGLLM

Code

MacfolioShell

A unique portfolio website designed to mimic the look and feel of a Mac terminal.

JavaScriptHTMLCSS

Code

Inventory Management System

A product inventory dashboard with user roles, full CRUD operations, and admin controls.

ReactExpressMongoDBCSSJWT

Code

Hospital Management System

A robust hospital system for managing patients, staff, and appointments across various user roles.

DjangoPostgreSQLHTMLMaterial UICSS

Demo Code

CommuniTalk

A real-time social networking app featuring group chats, posts, and authentication with WebSocket integration for live messaging.

MERNMongoDBExpressReactWebSocketJWT

Demo Code

Hansard Parlimen

Portal for the public to view digital hansard of Malaysian Parliament

Next.jsFastifyPostgreSQLMYDSi18nTailwindCSS

Demo Code

Digital Ministry Website

Official website for Digital Ministry Malaysia

Next.jsPayload CMS

Demo Code

StudyBuddy Student Management Dashboard

Secure, role-based dashboard to streamline management of student records, classes, and administrative workflows.

Next.jsNextAuthSupabaseTailwindCSS

Demo Code

StudyBuddy Website

Official website for StudyBuddy Tutors

Next.jsTailwindCSSPayload CMSSupabase

Demo Code

GooseTouchRugby Website

Official website for Goose Touch Rugby.

Next.jsPayload CMSTailwindCSSCSSShadCNMongoDB

Demo Code

TechGovMy

The main official website for GovTech Malaysia, developed with a modern UI and structured content management tailored for scalability and accessibility.

Next.jsPayload CMSMYDSTailwindCSSi18n

Code

SiaranGovMy

A CMS-powered platform for publishing official press releases and announcements, with built-in search and multi-language support.

Next.jsPayload CMSTailwindCSSMYDSi18n

Code

AskMyGov

A multilingual citizen query platform integrated with semantic search to reduce repeated questions and improve public engagement with the Malaysian government.

Next.jsDjangoElasticsearchSemantic SearchOpenAINextAuthi18nTailwindCSS

Code