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.

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.

ENG1044 Portfolio project preview

ENG1044 Portfolio

List of technologies used:

HTML

HTML logo

SCSS

SCSS logo

TypeScript

TypeScript logo

SvelteKit

SvelteKit logo

MongoDB

MongoDB logo

Figma

Figma logo

Git

Git logo

Vercel

Vercel logo
Project description:

This portfolio was an assignment for a research paper on the topic of Online Gambling for the subject ENG1044 English for Computer Technology Studies at Sunway University. Our team consisted of 3 members: Mohammad Shaan Ibne Javed Soyfoo, Joshua Edwin Rene Bonham and myself. Shaan designed a basic outline of the portfolio in Figma, Joshua directed the video, edited the video and made some creative decisions on the design of the portfolio, and I coded the portfolio. The team spent a substantial amount of time to decide on the colour palette to match the theme of the portfolio to gambling as much as possible. The portfolio consists of a roadmap of our journey through the research paper as well as the drafts and changes made to the research paper itself.

Weather project preview

Weather

List of technologies used:

HTML

HTML logo

SCSS

SCSS logo

TypeScript

TypeScript logo

SvelteKit

SvelteKit logo

Vercel

Vercel logo

Git

Git logo
Project description:

Weather is actually my first experience with SvelteKit. It is a common and simple beginner friendly project that I created because I wanted to try out Svelte itself. This was created within a couple of hours, because I was bored waiting for my flight that day. OpenWeatherMap's API was used to fetch relevant weather data and GeoDB Cities' API to fetch relevant geographical data. Of course, this project is far from perfect, but ultimately showcases my ability to adapt to new technologies and time constraints while creating a usable project.

Portfolio project preview

Portfolio

List of technologies used:

HTML

HTML logo

SCSS

SCSS logo

TypeScript

TypeScript logo

Nuxt 3

Nuxt 3 logo

SvelteKit

SvelteKit logo

MongoDB

MongoDB logo

Vercel

Vercel logo

Git

Git logo
Project description:

My portfolio was initially built using Nuxt 3. This was because I was already familiar with Vue and wanted to explore a full-stack development without having a separated backend. However, I found that Nuxt 3 did not suit my taste - I disliked working with their server-side solution with the use of UnJS. As such, I decided to rebuild my portfolio with SvelteKit, which was growing in popularity for its speed due to its compiled nature, and simplicity. After working with SvelteKit, I fell in love with this framework. It was not just fast and simple, but also made it easier to implement accessibility features by providing an API for progressive enhancements while conforming to web standards. As a result, SvelteKit has since become my go-to framework for all my future projects unless I want to explore or a project requires a different library/framework.