RIT Webpage

- December 2024 -

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

• Webpage

Arkhe Webpage

- MAY 2023 -

Webpage created for an RIT art installation. I worked in a small team of four using the Scrum agile methodology. I made the image gallery and helped create the project carousel using Bootstrap.

• Webpage

Kingdom of Doors Webgame

- February 2023 -

DESKTOP ONLY
A platformer web game created using HTML, CSS, and JavaScript. I used tile.js and parsed JSON to map out different tiles.

• Webpage

StarCast fishing game

- April 2024 -

DESKTOP ONLY
Created using Unity in C# using physics code for different types of forces (such as flee, seek, wander, and avoid) that control player's (ships) and object's (fishes) movements. The game assets are created using Procreate.

• Webpage

Successibility Add-on

- February 2024 -

Won Best Adobe add-on and best Education awards

An Adobe Express add-on created within 24 hours using Adobe SDK, JavaScript, HTML, and CSS. I worked on using Adobe SDK to get the add-on to read and retrieve information from the image on the canvas.

• Devpost

Shape It Game

- February 2022 -

Won Best Education and UI/UX

A computer vision educational game created within 24 hours by a team of 3 using Python and PyGame. I learned how to use OpenCV, NumPy, and Canny Edge to detect the number of edges and corners used to determine the type of shape the player draws. All elements of the game (art, animation, and UI) are created using Procreate and Figma.

• Devpost

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.