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.

Neal Fennimore
Author
Neal Fennimore
Seasoned engineer with 15+ years delivering secure, automated CI/CD pipelines, cloud-native security controls, and compliance-by-design solutions for government and enterprise environments. Proven ability to embed SAST/DAST, SIEM, and Zero-Trust architectures into large-scale platforms while driving cost-effective automation and continuous monitoring. Holds a Master’s in Cybersecurity and multiple industry certifications.