gradient.png is a custom image generation web app. It started as a UI/UX redesign of CSS Gradient.

Gradients are great for wallpapers, Zoom backgrounds, LinkedIn banners, etc. I added a feature that allows users to download the gradient as an image.

Handpicked palettes from close friends are included as suggestions at the bottom.

blog.karenying.com is my blog site. It was bootstrapped with Lumen, a lightweight Gatsby starter and is statically hosted on Netlify.

I write mostly web dev tutorials and UI/UX observational pieces. Blogging has been a fun outlet to explore those areas, while also helping me better articulate my thoughts/writing.

Expresso is an online-ordering app for Princeton University’s Coffee Club. Much like any online-ordering interface, the baristas are able to see the orders the students place. The students either pay in store when picking up, or use Princeton’s Student Charge.

We worked closely with both the Coffee Club and the University on this app.

Launch postponed.

In the spirit of Vlogmas, I participated in Blogmas — miniposts every day of December 2020 until Christmas, writing about something I coded / designed / learned that day.

I created a semi-interactive calendar visualizer to encapsulate the experience.

Dayz is a bullet journal-style mood tracker. It utilizes a RESTful api with a MERN stack. This was my first solo full stack project where I implemented and deployed all the components from scratch. It's hosted on Heroku.

I wrote a blog post about how I used Dayz to track my mood every day of 2020.

Driver’s Ed is an infinite runner game. A student driver must navigate Princeton University's Washington Road to collect coins while avoiding obstacles.

Won Art Direction Award and 3rd place overall for Spring 2020 COS 426: Computer Graphics.

Color Charts aims to increase the readability of charts, graphs, and diagrams on the web.

It improves upon existing extensions by using researched color blind friendly palettes to recolor images. The algorithm uses HTML Canvas and Base64 encoding to recolor images in place.

ACME Search is a take home assessment for a company I interviewed for Summer 2020. I was given 5 JSON files with different types of data and told to create a search engine from it.

I implemented three features on top of the basic search functionality - hide / show categories, sort order, and instant search, while using React Context API to manage state.