React Live-Chess tutorial

Project based

In this tutorial, we will be creating a multiplayer chess game. Players will be able to create games, invite opponents and play online.

View the finished application here

Easy to follow

All you need is an intermediate understanding of JavaScript. Not familiar with React or socket.io? No worries. All the React and Node.js concepts will be explained along the way, step by step. Everything will be broken down in a clear and easy to grasp way.

What you will learn

By the end of this tutorial, you will be familiar with the basics of React such as components, props and state, hooks such as useState useEffect useRef useReducer, creating layouts with CSS Grid, creating real-time apps with socket.io and so much more. Let's get started.
Get Started