Shrek Matching is a super fun website where you can compete in a head to head matching game with Shrek images! It has things like Shrek, waffles, Gingy, and more! Whoever has the highest score (amount of matches) when every cards' match is found, wins!
The frontend is build with React and TypeScript, with the backend using Express, Type Script, and Prisma/PostgreSQL for the database. During gameplay, I am using Socket.IO for real-time communication to live update the card changes.
- Create an account and login
- Join or create a match
- Wait for other players and click start!
- When you name is underlined, it's your turn to flip two cards
- If the cards match, you get a point and wait for everyone else to take their turns
- Once all cards are matched, you find out if you won or lost!