Projects

Bringing Ideas To Life.

Web Development

Expand

01

View Code

Megalo Animal Clinic

I led the development of the Megalo Empire Clinic’s first official website as part of my SSE2150 course project, where we worked with a real client to solve their business problem. The website enhances the clinic’s online presence, making essential information more accessible while improving patient interaction.

  • Built with plain HTML, CSS, and JavaScript for a lightweight and maintainable codebase.
  • Integrated the WhatsApp API for seamless appointment booking.
  • Utilizes Google Sheets for real-time content updates.
  • Optimized for SEO and accessibility to enhance visibility and user experience.

A website for Megalo Clinic designed for better patient interaction and online accessibility.

  • Built with HTML, CSS, and JavaScript.
  • Integrated WhatsApp API for appointment booking.
  • Optimized for SEO and accessibility.

Tech Stack: HTML, CSS, JavaScript, Google Sheets API, WhatsApp API

02

View Code

Sales Admin Panel

I led a team of four in developing a React-based eCommerce Admin Panel for my database management course, designed to optimize inventory, sales, and vendor management. The system automates key business operations, reducing manual errors and improving efficiency.

  • Developed with React.js for a dynamic and responsive UI.
  • Built a RESTful API using Express.js and integrated a MySQL database for backend functionality.
  • Implemented CRUD operations for managing products, vendors, and customers.
  • Designed a real-time dashboard displaying revenue, stock levels, and orders.

Led a team to develop a React-based eCommerce Admin Panel for efficient inventory management.

  • Developed with React.js for dynamic UI.
  • Built a RESTful API with MySQL integration.
  • Designed a real-time dashboard for monitoring operations.

Tech Stack: React.js, Node.js, Express.js, MySQL, Tailwind CSS

03

View Code

Equation Quest

A solo side project inspired by the famous show University War. It challenges players to enhance their arithmetic and problem-solving skills through engaging gameplay. The game currently features two modes: Calculation Clash and Formula Archery, with plans for multiplayer integration in future updates.

  • Built using React for a dynamic and interactive gaming experience.
  • Features Calculation Clash, a speed-based arithmetic challenge, and Formula Archery, a strategic formula-building game.
  • Future updates will introduce multiplayer mode and AI opponents.
  • Designed for scalability, with leaderboards, progress tracking, and UI/UX improvements planned.

A solo project inspired by University War with two modes.

  • Built with React for an interactive experience.
  • Includes Calculation Clash and Formula Archery.
  • Future updates: multiplayer mode and AI.

Tech Stack: React, JavaScript, HTML, CSS

04

View Code

Portfolio Website

This is my personal portfolio website, showcasing my projects, experience, and ways to contact me. The site features a responsive and clean UI, a project showcase, an about me section, and a contact form.

  • Built with a responsive design optimized for both desktop and mobile.
  • Features a project showcase section to highlight my work.
  • Includes a contact form for easy communication.

This portfolio showcases my projects, experience, and contact details with a responsive UI, project showcase, about me, and contact form.

  • Responsive design for all devices.
  • Project showcase highlighting my work.
  • Contact form for easy communication.

Tech Stack: HTML, CSS, JavaScript

Application Development

Expand

01

View Code

Online Student Outing System

I led the development of the Online Student Outing System (OSOS) as part of my project at UPMKB, addressing inefficiencies in the manual outing request process. The system enhances communication, streamlines approvals, and improves student tracking through a structured digital platform.

  • Developed with Java and JavaFX for a seamless desktop experience.
  • Includes real-time request tracking and automated approval workflows.
  • Features an email notification system to inform parents of approved outings.
  • Generates monthly reports for outing trends and activity tracking.

I developed a JavaFX-based system to streamline outing requests and approvals at UPMKB, replacing the manual process with an efficient solution.

  • Built with Java and JavaFX for efficiency.
  • Features real-time status tracking.
  • Includes automated parent notifications.

Tech Stack: Java, JavaFX, MySQL

Game Development

Expand

01

View Code

Bubble Parallel

A physics-based platformer developed during Global Game Jam Malaysia 2025. Created within a tight 48-hour deadline, the game explores unique tilemap-switching mechanics with smooth transitions, challenging players to navigate parallel worlds.

  • Developed using Unity (C#) with a focus on tilemap switching and physics interactions.
  • Showcases seamless world transitions for engaging and dynamic gameplay.
  • Built using version-controlled Git, enhancing collaboration and iteration during the jam.
  • Designed with scalability in mind, allowing future expansions and refinements.

A physics-based platformer with tilemap switching developed in 48 hours.

  • Developed with Unity (C#) for physics-based gameplay.
  • Features seamless world transitions and smooth mechanics.
  • Built using version-controlled Git for collaboration.

Tech Stack: Unity (C#), Git