Spimy's Portfolio

Zero to Web Hero

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.

Pengyou

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

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.

Portfolio

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.

Auth Hub

As I worked more web application, I realised something: I have to repeatedly implement authentication into each one of them. Instead of focusing on learning or implementing the new system, I ended up spending time setting up my project with an authentication, again. With the goal of resolving this problem, I decided to create this project: Auth Hub. All future projects that fall under my domain, spimy.dev, with the exceptions of Spuiz and Hackathon projects, would make use of this. This enables users to use a single account across all my projects, providing a unified experience similar to how HoYoverse manages accounts across its games. For added security, the dashboard also allows users to revoke their signed-in sessions from any of their devices. This project was also my first time using Tailwind CSS, as it was gaining popularity and I wanted to ensure that it is within my skillset.

Projects