The following project was created during my pursuit of certification at The Northwestern Coding Bootcamp.
Gem Game | Home
Gem Game | Instruction Scren
Gem Game | Loss Screen
Gem Game | Win Screen
The Gem game is a project made with HTML, CSS, and JS.
The app is an exercise to get a working understanding of building a game that uses math loops that generate random values for the gems, comparing those values to the randomly generated score, tracking the score clicks, and determining if the winner won or lost using jQuery.
I pushed myself on the technology front and used an SVG sprite for the gems, that the x/y position is controlled by CSS, as well as the hover states.
I also added a small feature that the favicon changes based on rest, win or loss states of the game (You'll just have to play it to see!).
- SVG Sprites
Role: Front End Developer/Designer/Illustrator.