Skip to main content

Caffeine Slot Machine

·1 min

I ended up making this mini project over the course of several days. I wanted to write code in a new way, so I decided to use Javascript getters and setters to keep track of state.

It utilizes some of the animationend node event listeners to chain together animations without relying on promises, since I relied heavily on CSS animations throughout the project.

SVGs and flex box systems are utilized to keep the slot machine entirely responsive.

See the Pen Caffeine Slot Machine by Neal Fennimore ( @nealfennimore) on CodePen.