Projects

Clear Filter
GrabBuddy project preview

GrabBuddy

List of technologies used:

HTML

HTML logo

CSS

CSS logo

TypeScript

TypeScript logo

SvelteKit

SvelteKit logo

Tailwind

Tailwind logo

Python

Python logo

PostgreSQL

PostgreSQL logo

Figma

Figma logo
Project description:

Attempted at creating an AI-powered solution using Ollama, Mistral (7b), and Gemini for the "Economic Empowerment through AI" domain prepared by Grab for UMHackathon 2025. This solution is designed to serve as a "buddy" for vendors and merchants, assisting them in making informed decisions for their stores by providing valuable insights through a streamlined dashboard. The dashboard is powered by AI, which interprets and explains data in natural language, making it accessible and actionable. Additionally, the solution harnesses the capabilities of AI to summarize reviews of competitor stores, enabling merchants to gather comprehensive feedback on consumer expectations. Merchants can engage in natural language conversations with the AI to obtain insights regarding their store's statistics, including inventory management and receipt processing. This interactive feature enhances the decision-making process, ultimately contributing to the economic empowerment of the merchants. The team, named 418, consisted of 4 members: Joshua Edwin Rene Bonham, Alex Chee Kai Hong, Justin Yong Wenn Weii, and myself.

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.

EventSphere project preview

EventSphere

List of technologies used:

HTML

HTML logo

CSS

CSS logo

JavaScript

JavaScript logo

Figma

Figma logo
Project description:

Assignment for WEB1201 Web Fundamentals. The concept of the website allows people to book venues and contact expert planners for different types of events within Malaysia. The website is fully frontend (no backend) where functionalities are simulated through client-side JavaScript. The latter is done in order to fully showcase the concept of the website. The simulated authentication requires a server to function as it uses the built-in Crypto API in browsers which requires a secure context (SSL/TLS). You may click here for a video presentation on YouTube. The project was done in a group of 4 members: Joshua Edwin Rene Bonham, Lai Yung Wei, Justin Yong Wenn Weii, and I.

Pengyou project preview

Pengyou

List of technologies used:

HTML

HTML logo

NodeJS

NodeJS logo

SvelteKit

SvelteKit logo

Tailwind

Tailwind logo

TypeScript

TypeScript logo

MongoDB

MongoDB logo

Ubuntu

Ubuntu logo

Git

Git logo

NGINX

NGINX logo

Figma

Figma logo
Project description:

Pengyou is a solution project for the 48-hour Hackathon "ImagineHack 2024" by Team Dessert Spoons. Team members are Joshua Edwin Rene Bonham, Lai Yung Wei, Alex Chee Kai Hong, Lanisha Anusri A/P Saravanan, and I. It is a platform targetting the people that are interested in improving their financial situation. The mission of Pengyou is to encourage people to form good budgeting habits by making budgeting more friendly to them. We believe in the importance of forming good habits, thus we have introduced a reward system using a virtual pet to motivate people to actively take control of their financial lives.

AccessAbility project preview

AccessAbility

List of technologies used:

HTML

HTML logo

TypeScript

TypeScript logo

NodeJS

NodeJS logo

Express

Express logo

Tailwind

Tailwind logo

Angular

Angular logo

Firebase

Firebase logo

Ubuntu

Ubuntu logo

NGINX

NGINX logo

Git

Git logo
Project description:

AccessAbility was created as a project for KitaHack 2024 and subsequently the GDSC Solution Challenge 2024 upon being selected as one of the top 10 representatives for Malaysia. Our group consisted of 4 people: Alex Chee Kai Hong, Rachel Lim, Mohammed Moatasem and myself. The focus and target audience of this web application are the disabled where the aim is and to provide them with a platform where they can more easily search for jobs. In order to incentivise employers and/or companies to use the platform, over or in tandem to an alternative such as LinkedIn, is to increase their reputation through various means. The most obvious was to take advantage of societal norms, encouraging the hiring of disabled people and reduce discrimination in the working environment. Due to time constraint from assignments and exams however, this project was never completed. Everyone also had to study the required technologies, further consuming valuable time. Consequently, the prototype, where many features are lacking, was used as submission instead.