My portfolio site serves as a project as well as I am using it to showcase my skills in Next.js and Tailwind CSS. My goal is to create a simple and clean design that is easy to navigate. I am also using this site to learn about SEO and Google Analytics in more depth.

A web application used to conduct research in fields of linguistics and cognitive psychology with high school students and freshman college students. It features a content management system that includes web forms to create web pages, upload content, add surveys, hyperlinks and forum discussion boards. I led a team of 3 front-end engineers to build this application during my internship at NYU CREATE Lab.

An interactive map that visualizes the New York Department of Sanitation's [DSNY] public trash bins across all 5 boroughs using NYC Open Data. Users can filter the trash bins by borough and can locate the nearest trash bin to their current location. As a born and raised New Yorker raised in a low-income neighborhood, I wanted to create a tool that would help New Yorkers from littering and bring awareness to the lack of public trash bins across neighborhoods.

A multiplayer game server that allows users to play tic-tac-toe with anyone online anonymously. It is built to support over 3 million simultaneous online game rooms. The personal goal of this project is to explore web sockets and backend development with APIs. I used a JSON file as the simpliest database to store the game rooms and their states.

A web app that allows users to become their own dancing pumpkin character by using ml5.js Posenet model to detect your body from your webcam and move the character on the canvas. The character scales according to the distance between the user and the camera by measuring the distance between the user's eyes. To reduce background noise introduced by the webcam, I performed a linear interpolation of the key points. Try it out and have some spooky fun!

A website and tool that allows users to generate art out of text. Each image that is produced is unique and irreproducible. As users type words and sentences, new shapes are drawn on the canvas. Users can choose to customize the colors of the shapes and save their artwork as an image.

A playful digital sketch of a happy character with flowing hair. When you click and drag your mouse over the head from side to side, you can control the tilt of the character’s head. Each strand of hair acts as a pendulum swinging back and forth until it is at rest. I created multiple strands of hair by building a Hair class and instantiating multiple objects. To add a whimsical touch, I made the facial expression change while you are tilting the character’s head.

A 4-tone mirror that uses your webcam and varying text symbols as pixels! I calculate the brightness of each original pixel and draw a ASCII character in its place. For best results, make sure you have bright lighting and a light background.

Life in Color is a composition of 6 projects where I use the same color palette. ZigZag is a program that utilizes algorithmic design. It randomly draws lines on the canvas and keeps looping forever. Over time, the canvas becomes more and more dense with lines.

Life in Color is a composition of 6 projects where I use the same color palette. Friendly Caterpillar is a program where the user controls a caterpillar on the screen. The caterpillar follows the mouse cursor around the screen. When the user clicks down on the mouse, it munches on the leaves in the background.

Life in Color is a composition of 6 projects where I use the same color palette. Scrambled Letters is a program that allows the user to type into the canvas by using their keyboard. The program creates an illusion that the letters are falling onto the screen and piling up as more keys are typed. When the user clicks on the screen with their mouse, the existing letters are erased from the screen.

Life in Color is a composition of 6 projects where I use the same color palette. Foliage is a program that is designed to resemble a collection of leaves in an abstract way while also implementing algorithmic design. As the user clicks on the canvas with their mouse, more circles randomly appear on the screen.

Life in Color is a composition of 6 projects where I use the same color palette. Spotlight is a program that encourages the user to explore the canvas. It starts out with a spotlight and a message that reads “Look Around!” The spotlight moves along your cursor as you navigate the canvas. Once you hover over word, it appears on the screen. The program reads “Discover Yourself. Don’t be afraid to explore!” once all the words have been found.

Life in Color is a composition of 6 projects where I use the same color palette. Hollow is a program that uses 3-D shapes to create an abstract moving image. There are floating torus shapes that are rotating on various axises. The user can move their cursor to orient the light in the space as well as drag/zoom around the environment.