Designed and implemented a full-stack multiplayer game i.e 'Guess the Drawing' using React and Node.js, with a WebSocket API hosted on AWS ECS (EC2) for the backend and client-side deployment on Netlify, while ensuring game data and user socket information persistence through MongoDB

project link: https://fantastic-memory.netlify.app

github: https://github.com/hasham7861/fantastic-memory-backend https://github.com/hasham7861/fantastic-memory-frontend

Description

• Developed a full-stack ”Guess the Drawing” multiplayer game using React and Node.js serving a WebSocket API
• Deployed the client-side on Netlify and the backend on AWS EC2
• Utilized MongoDB to persist game data, along with user socket information

Infra Setup w/ video explanation

• For frontend, the app is hosted on Netlify, it has CD build with the github repo
• Original infra was setup using ECR + ECS(ec2) + ALB with this video explanation https://www.youtube.com/watch?v=P0YfEFaKIaQ
• Moving to simple EC2 setup for the backend along with nginx, acm, cloudfront to host the backend https://www.youtube.com/watch?v=wOMPJyHiPeI
• Some requests not being resolved for websockets, the fix to this is: https://www.youtube.com/watch?v=TQLHsZ4u_cU