Kiki’s Cafe Interactive Game (HTML, CSS, JavaScript)
Interactive Mini Game coded using HTML, CSS, and JavaScript
TOOLS
Canva, Adobe Illustrator, Visual Studio Code
PROJECT DURATION
2 months
ABOUT THE PROJECT
For my Web Scripting class project, we were tasked to make an educational, mini, interactive game using HTML, CSS, and JavaScript. Since coffee is pretty popular among college students, I chose to build a game that teaches users about different types of coffee machines and how different drinks are made.
In the game, users can click through different coffee machines to learn about how each one works (e.g., espresso machine, French press, drip coffee maker). They can also explore popular coffee drink recipes—like lattes, cappuccinos, matcha, etc. The goal was to make learning about coffee both fun and informative through a simple, visually engaging interface.