Can you Save him by Guessing Correct Word...?

Interactive Turing Test Game - Can you tell which response is from a human and which is from AI? A gamified mental health awareness tool that challenges users to distinguish between human and AI-generated responses to mental health prompts. 」

Frontend Animation Playground is a creative side project built with ⚛️ React, HTML/CSS, and JavaScript to enhance my front-end skills. It features advanced scroll-based animations using 🌀 GSAP and 🎯 ScrollTrigger, with a focus on smooth UI transitions and interactive user experiences.

HTML5 Async File Uploader

Digital Artist

A simple, interactive Tic-Tac-Toe game built with HTML, CSS, and JavaScript. Play against a friend or challenge the computer.

A fun, physics-based simulation game where players fix gadgets using real science concepts. Built for Playpower EdSprint Hackathon.

Incremental Querying for Video Navigation

CM2030 Graphics Programming Final - University of London

A fully responsive Hotel website built with Next.js App Router and Tailwind CSS. Includes modern pages for Home, About, Services, and Contact with an embedded Google Map.

An interactive web-based implementation of Truchet tiling - a mathematical pattern system that creates complex visual designs through simple tile rotations.

Source code for the Digital Jane Austen Research Project prototype application, SFU Connections Lab (HCI Research Group)

EmojiAdventure: An interactive digital art experience that generates a dynamic, ever-changing landscape of emojis using Perlin noise algorithms. Explore a vibrant world where emojis come to life through mouse interaction and creative coding techniques.

Circular Mesh Harmony is an interactive, generative art piece that explores the beauty of geometric patterns through motion and repetition. This project uses p5.js to create mesmerizing animations of concentric circles and arcs, resulting in complex, ever-changing designs.

A modern, interactive Tic-Tac-Toe game built with React. This application features a dynamic game board, player name customization, and game state tracking.

A collection of Motion Components, mostly inspired by other people's work. I create and collect them as I explore Motion interactions on the web.

Interactive portfolio website with animated project cards, timeline, and dark mode, built using React, Tailwind CSS, and Framer Motion

AsciiVision is a creative coding project that merges human-computer interaction with artistic expression. By transforming your webcam feed into ASCII art in real-time, AsciiVision offers an immersive experience that blurs the boundaries between technology and creativity.

A website to showcase my work as an interaction designer! This is the third version the portfolio within a year. Build,Test, Repeat!

EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It transforms mouse movements into colorful patterns using Perlin noise, resulting in an evolving, playful landscape of emotive symbols.