RIT Webpage Replica

- December 2024 -

Replica of the RIT webpage is created using the framework Vite, React.js, HTML/CSS. Used Modern UI for React components and fetches data from the RIT course online API.

• Webpage

Arkhe Webpage

- MAY 2023 -

Worked in a small team of four using Scrum to create a webpage for an RIT art installation. Helped to implement an interactive and responsive project carousel and image gallery.

• Webpage

JavaScript Webgame

- March 2023 -

DESKTOP ONLY
Kingdom of Doors is a platformer web game created using HTML, CSS, and JavaScript. Used tile.js and parsed JSON to map out different tiles.

• Webpage

Unity Web game

- April 2024 -

DESKTOP ONLY
StarCast Fishing is a web game created using Unity in C# using physics code for different types of forces (flee, seek, wander, and avoid) that control players' (ships) and objects' (fishes) movements. Game assets are created using Procreate.

• Webpage

Adobe Express Add-on

- February 2024 -

Won Best Adobe add-on and best Education awards

Successibility is created within 24 hours using Adobe SDK, JavaScript, HTML, and CSS. Implemented retrieving information from the canvas using Adobe SDK to be parsed.

• Devpost

OpenCV Shape Detection

- February 2022 -

Won Best Education and UI/UX

Shape It! is a computer vision educational game created using PyGame. Uses OpenCV and NumPy in Canny Edge to detect the number of edges to determine different shapes. All assets of the game are made using Procreate.

• Devpost

Unity Computer Vision

- June 2025 -

A VR game built in Unity (C#) that uses MediaPipe to detect hand signs, movement, and location. Tracks player's hand and allow the player to pick up items in-game and move/throw them around.

• Webpage

StarCast Fishing

The evolution of fishes have compelled them to fly to space

This game is created without 2D Box Colliders and Rigidbody and uses my own code for physics and forces (seek, flee, wander, avoid) to move non-player controlled objects.It features two ships that races against each other to tag all the fishes to their color before the timer runs out.This gameplay of StarCast fishing is inspired by the game Splatoon. The game is uploaded to the web from unity through Github pages.

• Link to Game
• Link to Github

Shape IT

Can you help Tessy figure out all the correct shapes in time?

Shape It! is a educational game that uses computer vision to help kids learn the names of different types of shapes. The game has two modes, practice and challenge, where players have to show the shape that are requested by Tessy. Tessy the tesseract is our game’s mascot which is created by me with inspirations from the series South Park.The game is coded using python andThis game is created by a team of 3 RIT students within 24 hours for the Hackathon, BrickHacks, and won best educational as well as best UX/UI.

• Link to Devpost

Hoppy Hands

The power of guiding this frog is in your hands

Hoppy Hands is a 2D scrolling computer vision game that allows the player to use hand gestures as controls for the game. It is created using Python, OpenCV, and MediaPipe. The player plays as a frog traveling through lillypads while avoiding incoming obstacles to compete for a new high score.This game is created within 24 hours by my group (4 RIT students) during the Hackathon ‘WicHacks ‘23’ and won the best game award. We took inspiration from the offline dinosaur chrome game while waiting for the internet. I mainly worked on designing and finalizing the art pieces of this game from the start/end screen and tutorial illustration to the looping background, character (frog), and obstacles.

• Link to Devpost

Successibility

Adobe Express Add-on

Successibility is an Adobe Express Add-on created to help guide people on creating accessible designs. It allows users to compare the main colors on their design to see if it is accessible for color blind people. This is created with Adobe Express API and SDK.This Add-on is created within 24 hours by my group (4 RIT students) during the Hackathon BrickHack X. It has won best Education and Most Creative Adobe Express Add-On hack. I worked on figuring out the code to grab the canvas on the website to allow for the comparison and formatted some of the web design using HTML and CSS. I also drew the app icon using procreate for pixel art and linearity for vector art.

• Link to Devpost

Arkhe

Webpage for an art Installation at RIT

Arkhe is an art installation project created by RIT professors. I worked on this project with a small team during summer of 2023 to help build and launch a responsive webpage for this event. The team held daily meetings and used Scrum methodology to collaborate. Using a wireframe that is given to me, I helped block out a mock website with HTML and CSS flexboxes for test runs.We used bootstrap to help build a carousel to display the different projects in this event. One of the main parts that I worked on was implementing a zoom system for the images in the gallery. I also worked on a creating hamburger menu for the site which ended up being remove due to it not being as useful for a webpage.Our next steps is to add another webpage to this site which includes using three.js to create an interactive room that allows the user to explore the art installation online.

• Link to Webpage

Characters

Game Assets

Illustrations

Email: [email protected]
Phone: 646-881-0079

Hello! My name is Kelly and I am an undergraduate student at Rochester Institute of Technology majoring in Game Design and Development. I am a front-end developer passionate about designing and coding webpages and websites using frameworks (Next.js, Vite, Angular) and JS libraries (React.js, Alpine.js, Three.js). I enjoy experimenting with various JavaScript libraries to play around with web interactions between users and web elements.Outside of coding, I like to spend my free time doing creative things such as illustrations, character designs, and writing stories.