Case Study — 02 of 03
Cloud-Native Quiz Game.v1
A sleek, responsive web-based quiz game featuring a serverless backend and real-time visitor tracking.
Why I Made This
After taking a short break from coding, I just needed something to get back into the rhythm before jumping into anything bigger. I didn't want to start a complex project, so a quiz app felt like the right warmup. It was familiar enough to build quickly, but still had enough moving parts to get me thinking about frontend layout, API calls, and how a small app ties together on the backend.
As mentioned in the beginning, I had taken a break from coding for a while due to personal circumstances and wanted to step back into coding. So I thought a project focusing on front-end would be an easy way to jog my memory and warm me up enough to eventually proceed into a more significant project.
This project is relatively easy and simple and focused mainly on JavaScript in order to execute majority of the functionalities. The project could technically be scaled up to a massive project if I were to implement a multiplayer system and leaderboard function, however that might be something I will consider in the future.
Core Features
Dynamic Quiz Engine. Randomized questions with a 20-second countdown timer keep each round fresh and add a bit of pressure to stop people from just sitting on the answer screen.
Serverless Visitor Counter. A live HUD element tracks global visitors in real time using an Azure Functions backend, giving the app a small but satisfying piece of live infrastructure to point to.
Modern UI. Glassmorphism design with a responsive layout built to work cleanly on both mobile and desktop without any UI framework.
Nickname System. Players can enter their own name or generate a random "Cloud-Native" guest name before starting, which adds a small personal touch to the score screen.