Built as a submission for the Mobile Web Applications course at Stuttgart Media University.
Description
SongGuesser is an interactive, real-time multiplayer game where players challenge each other to guess song titles. Built on a modern tech stack featuring Vue.js and Socket.io, it connects to the Deezer API, offering a vast library of playlists for endless fun. From creating and joining lobbies to the final guess, the game is wrapped in a responsive, mobile-friendly interface designed for a seamless user experience with smooth, engaging animations.
Reflection
Working on SongGuesser was an immersive experience in building a user-centric, real-time application. I took ownership of the frontend, where my goal was to deliver a polished and intuitive experience, especially for mobile users. My responsibilities included implementing the UI, refining animations, and developing key features like the chat, scoring system, and leaderboard.
One of the most significant technical hurdles was ensuring the native mobile keyboard didn't disrupt gameplay. I engineered a solution that detects when an input field is focused and dynamically adjusts the layout, fluidly repositioning components to keep the game in view. This was crucial for maintaining a seamless user experience.
On the backend, I played a role in fortifying the application's infrastructure by integrating Redis for session persistence and assisting with Dockerization to streamline our development and deployment workflow.
Appendix
