React Tutorial : [2/2] Build an online chess ♖ game with react and firebase
Continuation to our react chess tutorial https://youtu.be/kBR7pDLcC3A , now we will implement the ability to play online games with firebase, firestore, and firebase authentication. We will also use react-router and rxfire . Check out the new live version of the app : 🚀https://react-chess-online.netlify.app If you want to deploy the app, please make sure to redirect all the pages to index.html in order for the client-side routing to work Starter project: https://github.com/3stbn/react-chess/tree/master Final project https://github.com/3stbn/react-chess/tree/feature/online Timestamps of the video: 0:00:00 Demo of the project 0:01:47 Project setup 0:10:04 Setting up routes 0:17:29 User Form 0:25:36 Home Route and Creating a new game 0:54:37 Loading the online game and adding a new member 1:13:44 Listening to real-time updates 1:43:22 Sharing the game 1:51:00 Resetting the game 1:55:00 Displaying players names 1:59:47 Fixing minor issues --------------- You can support the channel for more free content at: https://www.buymeacoffee.com/estebancodes --------------- Join our discord community https://discord.gg/qxTFSww3AZ --------------- Second channel on Spanish https://www.youtube.com/channel/UCEa_7NSLmjqAi9rQQ4ZkKIA ---------------- Follow me on social media Instagram: https://www.instagram.com/esteban.codes/ GitHub: https://github.com/3stbn Twitter: https://twitter.com/esteban_codes
Download
0 formatsNo download links available.