I've been following Supabase for a while and wanted to give it a try. So what better way than to build a polished, real-time game using our favourite frontend framework, Vue?

We'll be creating a new spin on the classic tic-tac-toe game. The twist is that each player has a limited time to place their O or X. Players can create a new game and invite a friend to play using a unique code. Then, they'll compete against each other in a best-of-five series in real time.

You can try it out here (if you've got no one to play it with open it in two browser tabs): https://tic-tac-go-zeta.vercel.app/

This project provides the perfect opportunity to test out Supabase's real-time functionality. We'll be working from the Figma designs and bringing them to life with lots of cool animations to make the game juicy and fun. You'll learn a lot about SVG animation, Supabase, and Vue!