Projects

Clear Filter
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 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 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:

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.

Aniseiyuu project preview

Aniseiyuu

List of technologies used:

HTML

HTML logo

SCSS

SCSS logo

TypeScript

TypeScript logo

Vue

Vue logo

GraphQL

GraphQL logo

Netlify

Netlify logo

Git

Git logo
Project description:

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.

Subtitles project preview

Subtitles

List of technologies used:

Python

Python logo

Django

Django logo

HTML

HTML logo

SCSS

SCSS logo

JavaScript

JavaScript logo

TypeScript

TypeScript logo

Vue

Vue logo

Heroku

Heroku logo

Ubuntu

Ubuntu logo

NGINX

NGINX logo

Git

Git logo
Project description:

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. With a focus on enhancing user experience, Eray skillfully crafted the frontend using Vue, while I concentrated on the backend, integrating OpenSubtitles' API to facilitate seamless data retrieval. Our motivation stemmed from a shared dissatisfaction with existing subtitle download sites, which we found cluttered and outdated. Our platform prioritizes simplicity, allowing users to efficiently access the subtitles they require without distractions. Originally hosted on Heroku, the project transitioned to Oracle Cloud Infrastructure (OCI) in March 2023 due to Heroku's payment requirements. This migration enabled me to acquire proficiency in Ubuntu command line operations through SSH and establish a functional web server using NGINX. This endeavor not only refined our technical abilities but also honed our teamwork and communication skills, culminating in a valuable learning journey.