Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Create a chess game in react
Rating: 4.8 out of 5(4 ratings)
33 students

Create a chess game in react

using react and redux we will build a game of chess.
Created byAmir shahbabaee
Last updated 7/2024
English

What you'll learn

  • Break down a complicated task to smaller pieces
  • Convert chess rules to coding logic
  • Connect different pieces of a game together
  • Setup a controller entity to govern the game moves

Course content

1 section18 lectures4h 47m total length
  • Setup the board21:46
  • Add the pieces to their correct position22:33
  • Drag and drop pieces24:31
  • Add reducer function and contextAPI18:27
  • Setup arbiter controller and move rook logic29:45
  • Move the knights around8:28
  • How to move the bishop2:07
  • Moving the queen2:49
  • How kings move in a chess game4:00
  • Pawns move and simple capture11:10
  • What is en-passant and how to include it in the game logic12:57
  • Promotion31:19
  • Castling rules and logic18:00
  • Checking the king19:12
  • Stalemate rule and how to write the code for it20:19
  • Insufficient material9:35
  • Checkmate7:25
  • Notation and Take back23:03

Requirements

  • basic knowledge of react, javascript and beginner level of css

Description

You have a basic understanding of HTML, CSS, JavaScript, and some React. Now, you're eager to move forward and dive into more advanced technologies. You’re here because you’re a passionate React enthusiast on a mission: to learn React more effectively by completing a seemingly hard exercise.

I am here to help you achieve your mission. With over 20 years of experience developing software applications and extensive teaching expertise, you can trust my methods. I've mastered numerous technologies throughout my career, so I know exactly what's needed to learn and how to guide you through the process.

This course is divided into 18 comprehensive lessons. We will work through each challenge to create a fully functional chess game, incorporating all the rules and intricacies of the game. We'll employ Redux as our state management system and pair it with React's Context API for a modern, efficient approach.

Each lesson is meticulously designed to build on the previous one, ensuring you develop a strong, cohesive understanding of each concept. The code for each lesson will be available for you to review, practice, and build upon at your own pace.

By the end of this course, you will not only have built an impressive chess game, but you will also have a deep, practical understanding of advanced React concepts and state management techniques. You'll be well-equipped to tackle complex projects and advance your career as a React developer.

Join me on this exciting journey, and let's elevate your React skills to new heights together.

Who this course is for:

  • Beginner or Intermediate react developers curious about new challenges