Fantastic Memory
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