Reelist

Reelist

Reelist is a cross-platform movie discovery hub where users can discover new films, create custom watchlists and quickly locate streaming options for any title. With filtered-search and personalised recommendations assisted by the Groq AI inference API, Reelist makes it easy to track must-watch movies and build fully-customisable tailored collections. Powered by the TMDb and JustWatch APIs, Reelist provides up-to-date streaming information across local and international options, ensuring users can explore trending titles and stay up-to-date with recent releases.

Made using the following technologies:

Next.js logo

Next.js

TypeScript logo

TypeScript

SWR logo

SWR

TailwindCSS logo

TailwindCSS

Groq logo

Groq

ESLint logo

ESLint

Vite logo

Vite

Yarn logo

Yarn

Husky logo

Husky

Conventional Commits logo

Conventional Commits

SemVer logo

SemVer

Vercel logo

Vercel


Trivya

Trivya

Trivya (currently ⚠️🚧 under construction!) is a cross-device quiz webapp that allows players to play solo or challenge friends and family in various modes, including Classic Mode with turn-based play, Time Attack to beat the clock, as well as Head-to-Head battles with round-robin or knockout formats. The game is fully customisable with adjustable settings for categories, question quantity, difficulty, points, and time. For a more adult experience, Adult Mode features mature-themed questions and drinking forfeits. Currently, it offers local play, but will prospectively feature online play.

Made using the following technologies:

React logo

React

TypeScript logo

TypeScript

Redux Toolkit logo

Redux Toolkit

RTK Query logo

RTK Query

React Router logo

React Router

TailwindCSS logo

TailwindCSS

TailwindUI logo

TailwindUI

Swiper logo

Swiper

ZOD logo

ZOD

Jest logo

Jest

Testing Library logo

Testing Library

Cypress logo

Cypress

Storybook logo

Storybook

ESLint logo

ESLint

Vite logo

Vite

Yarn logo

Yarn

Node.js logo

Node.js

Express.js logo

Express.js

Sequelize logo

Sequelize

JWT logo

JWT

PostgreSQL logo

PostgreSQL

Husky logo

Husky

Conventional Commits logo

Conventional Commits

SemVer logo

SemVer

Netlify logo

Netlify


Diversify

Diversify

The website for Diversify, the 2021 MCAST ICA Festival. The site was collaboratively created in co-operation with fellow students and lecturers, utilising the CMS WordPress and a provided Stack theme. The page served as a face for advertising the festival, as well as its offsite crowdfunding campaign hosted on ZAAR. Implementing the bespoke design presented several challenges, which required us to creatively overcome the limitations of the custom WordPress theme provided.

Made using the following technologies:

PHP logo

PHP

CSS logo

CSS

WordPress logo

WordPress

WPBakery logo

WPBakery

Visual Composer logo

Visual Composer

WooCommerce logo

WooCommerce


Portfolio

Portfolio

This website serves as my professional portfolio, showcasing my web development expertise, academic background, and creative side projects, as well as listing the respective technologies I've utilised for each endeavour.

Made using the following technologies:

Next.js logo

Next.js

TypeScript logo

TypeScript

Sass/SCSS logo

Sass/SCSS

BEM logo

BEM

ESLint logo

ESLint

Vite logo

Vite

Yarn logo

Yarn

Husky logo

Husky

Conventional Commits logo

Conventional Commits

SemVer logo

SemVer

Vercel logo

Vercel


Prospectus

Prospectus

A mobile app proposal for the 2019/20 MCAST Prospectus. The app featured a complete list of institutes, courses, student testimonials and past students' works, and was intended to cater to both prospective and already-enrolled MCAST students. The aesthetics and colour scheme were directly interpreted from the physical prospectus itself. This marked my first experience with using a web framework (Angular 2+), as well as my first time using Sass/SCSS and TypeScript. This project also introduced me to hybrid development, which follows an entirely separate ruleset to UX/UI and design between desktop and mobile.

Made using the following technologies:

Angular logo

Angular

TypeScript logo

TypeScript

Sass/SCSS logo

Sass/SCSS

Ionic logo

Ionic