Key learnings
Learned how to use Socket.io for real-time communication between clients and server
Utilized Redis for session management and persistence
Optimized the user experience with animations and a mobile-first approach
Description
SongGuesser is a real-time multiplayer game where players compete to guess song titles. Built with Vue.js and Socket.io, it connects to the Deezer API to fetch audio previews across various playlist genres. Players can create or join lobbies, chat, and guess tracks in a responsive mobile-first interface.
Reflection
Working on SongGuesser focused on building a responsive, real-time frontend interface. I implemented the main UI, polished animations, and built the chat, scoring system, and live leaderboard components.
One practical technical issue was preventing the native mobile keyboard from obscuring active input elements during fast-paced guessing rounds. I implemented a focus handler that detects keyboard activation and adjusts container layouts dynamically so input fields remain visible.
On the backend, I assisted with Dockerizing the application and integrating Redis for session storage and lobby state management.
