In this tutorial, we are going to learn the basics of React Native and AWS Amplify by building a fun online multiplayer game of Tic Tac Toe.
📚 Enroll NOW for “The Full-stack Mobile Developer” and save 30%

Part 1 tutorial –

By the end of this tutorial, you will learn to:
✨Build AWS powered mobile applications with AWS Amplify
✨Authentications
✨API Data modeling with Admin UI
✨Interacting with the backend API (CRUD) using Datastore
✨Real-time app-to-app communication

🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation, cookies):

🐱‍💻 Source code

💬 Join the notJust Development gang and let’s build together

Tag me on social media when you finish this build, and I will give you feedback on your project.

Twitter:
IG:
LinkedIn:

Timecodes:
0:00 – How to build a multi-player Tic Tac Toe game with React Native and AWS Simplify
4:10 – Download prerequisites for Tic Tac Toe game tutorial
5:10 – Part 1 Tutorial UI starting point
11:00 – Deploying App Backend in AWS Amplify Service
19:02 – Navigating through Admin UI in AWS Amplify
23:40 – Configure Login Authentication
34:08 – Install Amplify Dependencies
37:10 – Integrate Authentication Flows
53:58 – Amplify API (AWS App Sync, AWS Dynamo DB, AWS Data Store)
57:13 – Design the Data Model using AWS DataStore
01:22:55 – Updating API
01:25:48 – Add a New Game Mode
01:30:05 – Create a New Game
02:01:20 – Query a New Game
02:03:38 – Deleting a Temporary Game
02:19:30 – Implementing Join a Game
02:23:38 – Set up Playing Logic
02:34:28 – Updating game map and a current player
02:42:12 – Implement Subscriptions
02:47:50 – Update the Current Player
03:46:45 – Update Game function
03:51:41 – Update Game Winner and Game Finished
03:59:15 – Check Tie State
4:01:00 – Tic Tac Toe in React Native Game Demo

Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.

#VadimSavin #notjustdev #reactnative