Back to Home

Selected Works

PalmDetect AI

Next.jsTypeScriptAI/CVTailwind CSS

An AI-based palm oil tree and fruit detection system built as a major capstone project. It leverages computer vision and machine learning models integrated with a modern web dashboard to assist in agricultural monitoring and automate crop detection for the plantation industry.

Role: Full-Stack AI Engineer

Key Features

  • Integrated AI inference directly within a full-stack Next.js environment.
  • Built an interactive, highly responsive dashboard for real-time visualization of detection results.
  • Deployed a scalable solution hosted on Vercel ensuring optimal performance.

TaskFlow AI

TypeScriptNext.jsNode.jsOpenAI API

An AI-powered task management application designed to streamline personal workflows and enhance productivity. It utilizes LLMs to provide intelligent task organization, prioritization, and contextual recommendations to users.

Role: Full-Stack Developer

Key Features

  • Developed an intuitive UI featuring dynamic task breakdown workflows.
  • Integrated third-party AI APIs (e.g., ChatGPT/Claude) for intelligent task processing.
  • Ensured seamless real-time updates and strong typing with TypeScript throughout the codebase.

UiTM Robotic

TypeScriptCSSJavaScriptHTML

A promotional and registration platform developed for the UiTM Robotic Competition. The website serves as a centralized hub for an estimated 1,600+ participants across 500+ teams, providing event overviews, dynamic countdowns to competition deadlines, tentative schedules, category rules, and support resources.

Role: Frontend Developer

Key Features

  • Engineered a responsive, cyberpunk-themed interface featuring a dynamic countdown timer.
  • Developed a centralized overview section detailing competition categories.
  • Integrated a comprehensive Support Centre section displaying direct contact information.