Build a real-time multiplayer gaming app

on YouTube ↗26m

" summary

A real-time tic-tac-toe is built using AWS Amplify, AppSync subscriptions and DataStore sync with Cognito auth, a React front end, and DynamoDB-backed GraphQL APIs. The demo shows Amplify Studio generating models and schema, how to publish with amplify publish, two browsers syncing board state instantly, and a working leaderboard that assigns 3 points for a win and 1 for a draw. All components deploy and update in real time.

AI-written summary · about

" chapters (19)

1. 0:00Introduction to AWS gaming app
2. 1:29What is AWS Amplify
3. 2:31Authentication with Cognito
4. 3:35DataStore and AppSync
5. 5:03Demo overview
6. 5:24Setting up Amplify backend
7. 7:55Creating React frontend
8. 8:58Building game components
9. 10:48Adding authentication UI
10. 11:51Testing user sign-up
11. 12:35Hosting the web app
12. 13:18Creating game data model
13. 15:07Deploying GraphQL API
14. 16:12Fetching real-time games
15. 17:39Game board synchronization
16. 18:21Testing multiplayer gameplay
17. 19:04Adding leaderboard feature
18. 20:32Updating leaderboard in real time
19. 21:15Summary of demo

" related talks

• 29mFull-stack Mobile and Web Development With AWS AmplifyMarcia Villalba · AWS Summit Online EMEA 2020
• 18mbuilds a realtime chat app with AWSMuhammad Ali Hasan · Commit Your Code 2024
• 53mAppSync: Build real-time app experiences with modern GraphQL APIsKevin DeJong · AWS Summit Atlanta 2022
• 01h 00mAmplify: Visually build extensible, full-stack apps faster onAbdallah Shaban · AWS Summit San Francisco 2022
• 09mLightning Talk: Redux Principles in Plain JavaScriptRamon Victor · Front-Trends 2016
• 47mPatterns for Building Event-driven Web & Mobile App BackendsJosh Kahn · GOTO EDA Day London 2024
• 50mCreate your next‑generation app with AWS AmplifyOlivier Leplus, Charline Boulie · AWS Summit Paris 2024
• 24mBuilding Realtime Singlepage AppsHenrik Joreteg · NodeConf 2011