Redesign of Case Study Coming Soon!

Musical Games JAN 22 - MAY 22

Musical Games is a website I coded using HTML, CSS, and p5.js. It is a series of 3 games, each based on an existing game. I was inspired by my family for this project; my parents and uncle have all grown up learning a traditional Indian instrument. So, each game is an opportunity to learn about each instrument. While playing the game, there are also sound effects that sound like the actual instrument. To make this project more personal, I also included an illustration of me guiding the website user through each webpage.

Video Demo

Here is a mockup of my website on a Mac. The format of my site is the same on a laptop as well. Though the size and margins of everything are slightly smaller to fit the screen size of a laptop, the fun experience of literally playing each instrument

Here is a mockup of my website on a Mac. The format of my site is the same on a laptop as well. Though the size and margins of everything are slightly smaller to fit the screen size of a laptop, the fun experience of literally playing each instrument doesn't decrease.

This is the HTML code for the webpage about the flute. The code is similar to the tabla and veena webpages because the elements and format are all identical.

This is the HTML code for the webpage about the flute. The code is similar to the tabla and veena webpages because the elements and format are all identical.

This is the CSS code for the entire website. This particular image shows some of the code that make up some of the more intricate stylings and details of the webpage, such as animations for the illustrated version of me.

This is the CSS code for the entire website. This particular image shows some of the code that make up some of the more intricate stylings and details of the webpage, such as animations for the illustrated version of me.

Previous

USFCA: Star Route Farms
Next

goDiverse