Projects

AccessAbility

List of technologies used:

HTML

TypeScript

NodeJS

Express

Tailwind

Angular

Firebase

Ubuntu

NGINX

Git

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.

ENG1044 Portfolio

List of technologies used:

HTML

SCSS

TypeScript

SvelteKit

MongoDB

Figma

Git

Vercel

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

List of technologies used:

HTML

SCSS

TypeScript

SvelteKit

Vercel

Git

Weather is a concise demonstration of my foray into SvelteKit, designed to provide a streamlined experience at viewing the current weather. Created amidst time constraints, this project swiftly materialized as I sought to craft a functional piece before an impending vacation. Leveraging the simplicity and swiftness synonymous with SvelteKit, the app taps into OpenWeatherMap's API to source vital weather data and GeoDB Cities' API to source vital geographical data. While its development time was limited and the project's future updates remain uncertain, it showcases my ability to swiftly assimilate new technologies for tangible outcomes.

Portfolio

List of technologies used:

HTML

SCSS

TypeScript

Nuxt 3

SvelteKit

MongoDB

Vercel

Git

A comprehensive hub that provides an overview of my identity, skill sets, and a showcase of my projects. Seamlessly built using Nuxt 3, this dynamic platform allows visitors to explore my journey effortlessly. However, driven by my pursuit of cleaner code and enhanced maintainability, I decided to rewrite the entire project in SvelteKit—a decision that has sparked my enthusiasm for this versatile framework. As a result, SvelteKit has become my preferred choice for upcoming ventures, unless a project necessitates a different technological exploration.

Auth

List of technologies used:

HTML

TypeScript

Vue

Tailwind

NodeJS

Express

MongoDB

Git

In my web development journey, I embarked on a project that has significantly streamlined my workflow - the Auth microservice. It is designed as a centralised authentication solution for all my web applications under the spimy.dev domain, not including Spuiz. It offers seamless user account management, enabling users to modify their profiles and manage their sessions remotely for added security. This project not only alleviated the need to reinvent the authentication wheel with every new venture but also served as my introduction to Tailwind CSS, a tool that, while not entirely to my taste, broadened my skill set.

Aniseiyuu

List of technologies used:

HTML

SCSS

TypeScript

Vue

GraphQL

Netlify

Git

Aniseiyuu was to facilitate comparisons between voice actors across two anime series, identifying character overlap. The project employs AniList's GraphQL API to retrieve pertinent data. While I acknowledge the existence of more refined alternatives, Aniseiyuu was primarily a learning-driven endeavor, reflecting my commitment to skill enhancement. Though initial data fetching proved less efficient due to my nascent grasp of GraphQL intricacies, the project serves as a testament to my evolving technical acumen. Although it awaits updates for bug fixes, improved code quality and a cleaner UI, my current commitments may delay its enhancement as I explore new projects and juggle other responsibilities.