From frustrating searches to seamless fun! I turned a common team pain point into my latest portfolio project.
During our chillout sessions at my workplace, finding a simple, ad-free multiplayer game was always a struggle. We’d hop between sketchy websites, dealing with player limits and intrusive pop-ups. It killed the vibe.
So, I decided to build the solution myself. I'm excited to launch the new 'Games' section on my developer portfolio!
I've recreated some of our favorites: Wordle, Pictionary, and 4 Pics 1 Word, but with a focus on creating a safe, scalable, and well-engineered experience.
This wasn't just about cloning games; it was about architecting robust solutions. Here's a peek under the hood:
- Pictionary: This was the big one. I engineered a real-time, multiplayer experience using WebSockets for signaling and a direct peer-to-peer (P2P) connection via WebRTC for ultra-low-latency drawing. The signaling server is reliably deployed on an Amazon Web Services (AWS) EC2 instance, ensuring stability for our team games.
- 4 Pics 1 Word: To ensure an endless stream of fresh puzzles, I integrated the Pixabay API for high-quality, royalty-free images and leveraged the power of Google Gemini API for dynamic word and concept generation.
- Wordle: A classic implementation of the viral hit, built with clean logic and connected to a fast Dictionary API for word validation.
The entire games section is built on my portfolio's modern tech stack: Next.js and beautifully styled with the incredible shadcn/ui.
The result? A custom-built platform for my team to enjoy, right from my portfolio. It's a perfect example of how I love to use my software engineering skills to solve real-world problems, even the fun ones!
What's a 'pain point' project you've built? Let me know in the comments!
Check it out here: https://leviathanaxeislit.dev
Top comments (0)