Explorations in Design & Technology

Portfolio of Innovative Projects

A curated collection of my work in computational thinking, UX design, playful learning, and creative coding. Explore how I blend technology and art to solve problems and build engaging experiences. 

#Board Game #Playful Learning # Edu game #Computational Thinking

Her majesty's war

a strategic board game that challenges players to think critically and use computational thinking skills to compete with other players

#TurtleArt #Laser-Cutting #Computational Thinking # Culturally Responsive Computing

Laser-Cut Geometric Lantern

This project involves using TurtleArt to generate geometric patterns, laser cut those patterns onto wood panels, and assemble them into lanterns that cast intricate shadows.

#UX #Prototyping #User Research
Cover Page

Distanppear

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

#P5.js #UX #Creative Coding #User Testing

Digital Forest Generator

This project involves using P5.js to code a digital forest, enabling user to draw and generate a personalized forest-themed wallpaper to save while relaxing and enjoying a cyber fresh breeze.

#P5.js #Ed game #Pottery

Pottery Vase BuildingSimulator​

This is an online gamified experiential & educational experience for making a personalized pottery vase, which is built upon P5.js.

#Front-End Devlopment #HTML #CSS #Javascript #Bootstrap 5

Website-based Project Vision Document - Reframing Collections: From Geographic Generalizations to Cultural Context

This digital platform for the Detroit Institute of Arts (DIA) moves beyond problematic, broad geographic categorization of art collections, instead organizing objects based on materials, cultural contexts, and themes. It provides a practical, interactive tool—featuring 3D models and a Network Map—to help museums decolonize their curatorial practices and offer more honest, culturally-situated learning experiences.

#P5.js #Data Visualization

Data Selfie

An interacted data visualization project as a representation of one-day heartbeat record, which is created with P5.js.

#TurtleArt #Creative Coding

Coding Mondrian Style Random Art

This project is coded with TurtleArt in order to randomly generate Mondrian art style projects.

#Machine Learning 5 #P5.js # PoseNet

Digital Halloween Costume

This project involves creating a unique and interactive digital Halloween costume using p5.js, the ML5 library, and the FaceAPI or PoseNet models.

#Handcraft #Paper circuit

Light-up Greeting Card

This project uses at least two LEDs or one RGB LED and includes a way to turn the circuit on or off. 

#Turtle Stitch # Digital Emboidary

Parametic Faces

This project involves writing Turtle Stitch code to design a parametric face portrait with multiple dimensions of variability, such as size, position, color, and expression

#TurtleArt #Creative Coding

Design with Constraints

This project intends to be a constrained screen-based artwork where only 5 blocks can be used.

#Turtle Art

Self Portrait

TurtleArt programming trial, made with PlayfulInvention TurtleArt.

Scroll to Top