No video :(

React Tutorial: [1/2] Build a chess ♖ game with react ,rxjs and react drag and drop

Подписаться 7 тыс.

Просмотров 29 тыс.

50% 1

Build a chess game with react Rrxjs react drag and drop and chess js
Check out the live version of the app :
🚀 chess-react.ne...
Starter project:
github.com/3st...
Final project
github.com/3st...
Timestamps of the video:
0:00:00 Demo of the project
0:04:39 Project setup
0:07:44 Drawing the board
0:43:22 Moving the pieces
1:07:15 Promoting pawns
1:37:28 Detecting game over and showing the result
1:55:07 Flipping the board in each turn
2:01:45 Saving the game in the local storage
---------------
You can support the channel for more free content at:
www.buymeacoff...
---------------
Join our discord community
/ discord
---------------
Second channel on Spanish
/ @dacoder8061
----------------
Follow me on social media
Instagram: / esteban.codes
GitHub: github.com/3stbn
Twitter: / esteban_codes

Опубликовано:

15 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 47

@nicolaimatthew5928 4 года назад

Been searching for a chess tutorial in react for a few months now, so glad you uploaded this. Thank you.

@EstebanCodes 4 года назад

Awesome man !

@felipebarreto3035 3 года назад

great tutorial, I love chess and I always wanted to develop my own, you speak slowly and it makes my understanding easier, I'm Brazilian and I'm not fluent in English, thanks a lot.

@reyrot24 9 месяцев назад

Thank you so much, I’ve been looking for a video on how to make chess in react, but they all give me some errors I couldn’t fix and your is the only one that worked, so thank you and keep up the work, it help a lot of people✌️

@alien967 3 года назад

If anyone has trouble getting pictures to render. Place image folder in public and remove require

@unscripted483 4 года назад

I know you just started but give it another year and you'll be big.. I'm going to subscribe to you to help you out. keep making solid videos and you'll be a great help to many people.

@unscripted483 4 года назад

PS. I was number 600

@EstebanCodes 4 года назад

Thank you !

@killDJuice 4 года назад

Y so nervous man ur good keep it up

@binaryjourney 3 года назад

const pieceImg = require(`./assets/${type}_${color}.png`).default; I put default and it works

@hackenstring 2 года назад

1. Thanks. 2. How did you work out that was how the solve 'the problem'?

@6little6fang6 2 года назад

HOLY FUDGE THANK YOU SWEET ANGEL

@pedroluis4004 4 года назад

Heeey man, make more videos about react native please! you're amazing bro!

@wenhoujx 3 года назад

thanks for editing and posting your awesome video!

@jeanpigi 4 года назад

That's awesome man. Thanks for share this.

@EstebanCodes 4 года назад

Thanks for watching!

@HeyNelsonn 3 года назад

Any chance in the future you could make this a multiplayer game with the backend server and deploy it online for us? I'd like to know how to deploy this project as a multiplayer game. Where to do it, how do it, etc... Thank you, the video was great!

@projectclipthat 3 года назад

You can deploy Chess and Other Games Even on Multiplayer Level By Using an Engine Like Unity or unreal engine

@aman.tyagi112 4 года назад

lovely project brother

@EstebanCodes 4 года назад

Glad you like it!

@iliketocode6986 3 года назад

You did it in 2 hours incredible

@trantienngoc1620 Год назад

I have a problem 1:55:07 Flipping the board in each turn. I try to change x , y while turn change but it not work. Black team can not move :((

@thailee470 3 года назад

I be using the chess board and not the pieces, and a different game program. How would you go about creating that!?

@Akhilshark9 3 года назад

Great work!!!!

@mikemorrison8984 3 года назад

Thanks, very nice!

@bakaleisanich 3 года назад

Thank you

@user-tg5wc3xq4y 3 года назад

Do u know how to modify the chess pieces size, now it seems a bit small though. Nice video thanks

@anastacymartinez1568 2 года назад

Where did you found all the pices with the same styling?

@reedhampujara3418 2 года назад

Hey can anyone tell me which snippet pack was he using

@souviksaha9641 3 года назад

Nice Video

@codewithyug1129 3 года назад

Didn't complete the whole vid mate but is it multiplayer

@iliketocode6986 3 года назад

I dont understand what this does I tried to console log but confused const y = Math.abs(Math.floor(i / 8) - 7);

@vladimirfranciscodiaz3688 3 года назад

basically what I did to paint the tiles is getting the parity of both rows and columns, for example, column "a" is even, column "b" is odd, the same for rows, and if both row and columns have the same parity (either both even of both odd) it is a black square, on the other hand, if they have different parity, the tile is a white square.