Projects

Secure SaaS Frontend Template with Supabase & Next.js

For the 'SG60 Magic Ball' project, I engineered a highly interactive full-stack web application featuring a complex, CSS-only holographic animation. I architected a secure serverless backend using Supabase, implementing custom PostgreSQL functions (RPCs) and Row Level Security for robust data integrity. The application is powered by a decoupled Next.js frontend with secure API routes and is deployed via a fully automated CI/CD pipeline using GitHub Actions for continuous quality assurance.

Tech Stack:

Next.js
TypeScript
Supabase (PostgreSQL, RPCs)
Tailwind CSS
Git
GitHub Actions (CI/CD)
Vercel

GitHub Demo

Secure SaaS Frontend Template with Supabase & Next.js

In this project, I developed a secure SaaS frontend template with Supabase and Next.js, featuring Supabase authentication and an authenticated user portal and dashboard. It was built with responsive and type-safe UI using Next.js, TypeScript, Tailwind CSS, and shadcn/ui. Best practices for authentication, data fetching from the Supabase PostgreSQL database, and state management were implemented, and an automated CI/CD pipeline using GitHub Actions was configured for quality assurance.

Tech Stack:

Next.js
TypeScript
Supabase (Auth, PostgreSQL)
Tailwind CSS
shadcn/ui
GitHub Actions (CI/CD)
Vercel

Inventory Management WordPress Plugins [Freelance Web Developer]

In this project, I developed a custom WordPress plugin with MySQL, AJAX, shortcodes, and admin menus for seamless integration. Key features include drag-and-drop hierarchy management and interactive inventory management systems. I also designed REST API endpoints for efficient data retrieval and management. A master MongoDB database was also developed and optimised to populate the local MySQL database with updated loot items, with queries optimised and real-time UI implemented to display and edit inventory items and their details.

Tech Stack:

WordPress
PHP
MySQL
MongoDB
JavaScript
CSS
HTML5
Node.js
Vercel

Multiplayer Rock Paper Scissors WebSocket Game

This is a real-time multiplayer Rock Paper Scissors game that allows players to create or join game rooms, play rounds with others, and receive instant feedback on game outcomes. The application features a dynamic backend powered by WebSockets for seamless real-time communication and a responsive frontend for engaging user interaction. It supports game room management, live updates, and multiplayer functionality.

Tech Stack:

React
Socket.IO
Node.js
Express.js
MongoDB
dotenv
CORS
Render

GitHub Demo

Tamagotchi-Inspired Pet App

A web-based, Tamagotchi-inspired pet app where users care for a digital pet by managing hunger, happiness, and health bars through activities like feeding, mini-games, and cleaning. It is built with a React frontend for real-time updates and a backend API that is connected to MongoDB to store pet and user data, it offers a nostalgic experience reminiscent of classic virtual pet games. Deployed on Vercel for smooth performance and enhanced user engagement.

Tech Stack:

React
Node.js
Express.js
MongoDB
RESTful APIs
Vercel
Postman

GitHub Demo

WeatherAtYourLocation: Real-Time Weather Application

A responsive web app that provides real-time weather information tailored to your location, demonstrating API integration skills and front-end development abilities. Provides real-time weather updates, detailed weather information (temperature, humidity, wind speed), forecast reporting (3-hour forecasts for 5 days), and a User-Friendly Interface. APIs used include IPinfo for location services based on IP address and OpenWeather for live weather data and forecasting.

Tech Stack:

HTML
CSS
JavaScript
API Integration

GitHub

Portfolio Website

A portfolio website on a single-page design with smooth scrolling navigation, responsive layout, user-friendly interface. Designed on React and deployed on Vercel to create a functional, visually appealing portfolio to showcase my work and experience.

Tech Stack:

HTML
CSS
JavaScript
React
Vercel

GitHub Demo

Cluck Food App

Cluck 'n' Crave is a mobile application built as the capstone project for the Meta React Native Specialisation. Designed to enhance the restaurant experience, Cluck 'n' Crave provides users with an interactive platform for ordering food, managing profiles, and discovering menu options. The app's development involved extensive UI/UX planning, including wireframes and prototypes, user journey mapping, and iterative design improvements.

Tech Stack:

React Native
JavaScript
RESTful APIs
SQL
Figma

GitHub

Curriculum Development for Coding & Web Development

Created an engaging, accessible curriculum that simplifies complex topics, helping beginners gain confidence in coding and web development. The curriculum includes interactive exercises, multimedia resources, and practical coding challenges for young learners, designed to foster a love for coding and web development.

Tech Stack:

JavaScript
HTML
CSS
React

Link

Thesis Publication in the ICSR + BioMed 2024 Conference

My thesis, Personalised 3D Human Digital Twin with Soft-Body Feet for Walking Simulation, was published at the ICSR + BioMed 2024 Conference. As part of my Final Year Project with the Rehabilitation Research Institute of Singapore, I enhanced a human-robot interaction simulation, implementing soft-body physics to replicate human tissue and improve Ground Reaction Force accuracy. I used Python APIs, custom C++ scripting, and data visualisation, gaining skills in source control, testing, debugging, and team collaboration.

Tech Stack:

C++
Python
Data Analysis
Modeling and Simulation
MuJoCo

Link

IMU Mechatronics Capstone Project

Improved IMU sensor integration, and led data analysis and testing phases, enhancing user experience through design improvements. From the sensor data captured and analysed, I was able to draw data-driven insights.

Tech Stack:

Arduino
C++
Python
Data Analysis
CAD modeling