Kat Huang Memoji of me making a peace sign

/* TODO */
// - Add a reset button
// - Plain version for mobile
// - Debug z-index (clicking on an item should bring it to top
//   and have it stay at top)
// - Initialize items slightly off-grid
// - Initialize "washi tape" at random angles
// - Write descriptions!
// - Convert images to JPG and optimize!
Feel free to drag stuff around~
Screenshot of weareamericaproject.com

We Are America Project

My former high school teacher and classmates run a project that brings a social justice-focused elective to schools across 25 states. The course culminates in students recording stories of self, which are published in books and on this website. (React, Netlify CMS)
Screenshot of Chroma article

Chroma Magazine

Beautiful illustrations in our printed issues are one of the focal points of Chroma, MIT's science and humanities magazine. So in this online semester, I designed and developed a website that does justice to our artistic history but prepares us to experiment with digital content. (React, Netlify CMS)

City Scanner Dashboard

Many air quality monitors are stationary, but pollution at one end of a street versus the other might vary. Senseable City Lab built an air quality sensor that can sit on vehicles and collect that granular data, visualized to partners on this dashboard I created. (D3, Mapbox)

weird flex but okay

I built a simple version of this in minutes. Then I got carried away by ambitious but unnecessary feature ideas. In the end, I returned the project to its roots. By the time I finished, I was concerned that the meme was #ded — but it lives on. (JavaScript, also a Chrome extension)

Gatsby Use Cases

As an intern at Gatsby, I worked with the CTO to turn a list of sites built with Gatsby into a cohesive understanding of who uses the framework. I prototyped and drafted a new section of the company site, showing how Gatsby shines in various use cases. (Contentful, React)

NYC's Boldest Climate Change Law

A 2019 law sets carbon emissions limits on large buildings in NYC for years to come. My project partner and I explored the demographics of exempt buildings. (Note: My views now don't necessarily agree with analyses presented here.) (Mapbox, Scrollama)

Science and Us

I designed and developed a website for Science and Us, a student-led organization introducing teens to science communication and related fields. (Jekyll)

Point Theme

My website used to have a minimal, Github Markdown-esque design that garnered some compliments, so I turned it into a theme — for personal sites and blogs that are straight to the point. (Jekyll)

Get the facts about _

Back when Twitter's misinfo labels were a novelty, I made a Chrome extension that adds 'Get the facts about __' to each tweet, filling the blank with the tweet's longest word. (JavaScript)

MAHacks

I created a new logo, website, and brand for MAHacks, a hackathon for high school students in greater Boston. (Jekyll)

peep

my

resume

or

my

GitHub

profile