Projects

Clear Filter
Sunway University Anime Club Website project preview

Sunway University Anime Club Website

List of technologies used:

SvelteKit

SvelteKit logo

TypeScript

TypeScript logo

PostgreSQL

PostgreSQL logo

Supabase

Supabase logo

Vercel

Vercel logo

Git

Git logo

Docker

Docker logo
Project description:

As the Head IT Manager of the Sunway University Anime Club, I developed this website to modernize and automate the club’s management processes. I built the core backend systems for member registration, authentication, and event attendance within three days, followed by a week of UI integration and an additional month of testing and refinement to ensure stability. My colleague, Alex Chee Kai Hong, being the second IT Manager, handled most of the frontend and UI development, with my guidance on implementation best practices. The platform enables students to register and verify membership through Discord OAuth2, access the server without manual invite links, and track attendance using a rotating QR code (updated every 60 seconds via SSE) for real-time validation. It also includes an automated announcement scheduler that posts updates to both Discord and Instagram simultaneously, reducing manual effort and improving communication efficiency.

Zero to Web Hero project preview

Zero to Web Hero

List of technologies used:

HTML

HTML logo

CSS

CSS logo

TypeScript

TypeScript logo

Vue

Vue logo

MongoDB

MongoDB logo

Docker

Docker logo

Git

Git logo

Ubuntu

Ubuntu logo

NGINX

NGINX logo

Figma

Figma logo
Project description:

A series of web talks of 8 sessions with the goal of teaching the MEVN stack and Docker for Sunway Tech Club (STC). The final product is a simple todo application with authentication features included. This series is done in collaboration with Alex Chee Kai Hong, who is responsible for the frontend side for things, while I am responsible for the backend side of things and the Dockerisation of the project. If you wish to see the slides, you may contact me for them via the contact form.

Recipe Roots project preview

Recipe Roots

List of technologies used:

HTML

HTML logo

CSS

CSS logo

JavaScript

JavaScript logo

PHP

PHP logo

MySQL

MySQL logo

Docker

Docker logo

Apache

Apache logo

Figma

Figma logo
Project description:

This was an assignment for the subject WEB2202 Web Programming at Sunway University. This task was to create a web application using PHP based on the topic of SDG 2: Zero Hunger. Slogan: Your Kitchen Assistant - Create and share your recipes with fellow enthusiasts with easy access to all your cooking needs. Our team consisted of 2 members: Joshua Edwin Rene Bonham and myself. For the first week, we spent a substantial amount of time in designing how the website would look using Figma. A few changes were made in the finished website compared to the initial design in Figma because during the designing phase, we overlooked certain UX features. Because of the strict requirement of the website being done in PHP, 99% of features on the website can be used without JavaScript enabled. The remaining 1% is unusable (editing ingredients for a recipe), but was accommodated for in case JavaScript is unavailable, although UX is enhanced with it (progressive enhancement). Most UI features are done purely using HTML and CSS, including animations and certain functionalities such as modal pop ups. Despite this being a relatively rushed project and our first time working with PHP, this was a good learning experience and the website turned out to be pretty good overall.