This project creates an interactive particle animation. When users hover over or touch the text (on mobile devices), the particles react and move organically. Clicking or tapping the text triggers an explosion effect before redirecting to a specified URL.

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.

Webpage tests Fitts's law describing the time to make aimed movements (MT) with an index of difficulty (ID) and determining the constants of the corresponding regression line depending on the input data.

Interaction Design project

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

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 draft project with interactive party balloons for an editor website

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

Portfolio for CS480 - Designing Interactive Systems

Interactive Post-it board

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

Creative coding uses software, code and computational processes to be expressive or to create art forms. Here you'll find an interactive abstract networking art created with pure JS. Have fun!

An interactive card form that show to the users if they are typing something wrong and also display a card image that is filled with the user card information.

CM2030 Graphics Programming Final - University of London

An interactive web-based oil painting simulation that allows users to create digital artworks using mouse movements.

A web for demonstrate the concept of "Pablo: Designing an Everyday Companion for Visualizing Auditory Memories" 👩🏻‍🎨 🖨

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.

The Non-Cartesian Etch-A-Sketch is a browser-based simulation that offers a unique drawing experience. Unlike traditional Etch-A-Sketch toys, which operate in Cartesian coordinates (x and y axes), this simulation operates in non-Cartesian or polar coordinates. Try it out in the link below!

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. 」

A comprehensive blog project, featuring user authentication, post management, and a responsive design.