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.

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.

Aniseiyuu

Aniseiyuu was created to facilitate comparing voice actors (seiyuus) between two animes, to identify characters who share the same voice. This is because seiyuus are a big part of anime culture and majority of people who watch anime care about being able to identify their favourite seiyuus. The project uses AniList's GraphQL API to retrieve the relevant data. While I acknowledge that there are more sophisticated alternatives, my goal with Aniseiyuu was primarily for learning purposes. Due to my lack of understanding and knowledge with GraphQL APIs, it was a challenge to retrieve data efficiently. However, I wanted to ensure I could make a functioning product despite the challenges to showcase my skills in adaptability. As of July 2025, AniList has implemented a strict rate-limit policy on their API, rendering Aniseiyuu to not function properly. A fix will be made using an alternative API in a planned update.

Subtitles

In collaboration with Eray Chumak, we successfully developed Subtitles, a web project that addresses the need for a streamlined and user-friendly platform to download subtitles for movies, TV shows, and anime. Eray worked on the frontend using Vue to create a good user experience when browsing. I worked on the backend, integrating OpenSubtitles' API and TMDB's API to retrieve relevant data. We created this together because we both found existing websites for downloading subtitles to be cluttered - especially with ads - and a designed which was outdated. We created Subtitles with a simple goal: to search and download subtitles efficiently without distractions. The project was initially hosted on Heroku. However, we moved the hosting over to Oracle Cloud Infrastructure (OCI) in March 2023 due to Heroku's updates in payment policies. This migration allowed me to learn Bash through SSH and settings up a functional web server using NGINX. This project allowed us to refine our technical skills as well as our teamwork and communication skills, making this a very good learning experience.

Projects