I coded Chess.com clone in 4 hours (Beginner Friendly)
ฝัง
- เผยแพร่เมื่อ 11 มิ.ย. 2024
- Live link - chess.100xdevs.com
In this video, Harkirat takes you through how to build a multiplayer realtime game like chess github.com/code100x/chess/
Open issues if you want to help me build this - github.com/code100x/chess/issues (Bounties for all cohort folks)
00:00:00 - Introduction
00:01:00 - More Introduction
00:04:30 - Initial System Design
00:15:15 - Coding the Backend
00:46:26 - Testing with simulated frontend
01:01:24 - Frontend in React
02:05:14 - Adding resiliency
02:19:20 - Scaling the system - Easy
02:26:01 - Scaling the system - Harder
Links:
Cohort: harkirat.classx.co.in/
Twitter: / kirat_tw
Linkedin: / kirat-li
Instagram: / kirat_ins
Discord: / discord
Telegram: t.me/kirat_internal_group
Part 2 - th-cam.com/video/3QHNwUAC7q4/w-d-xo.html
Hey @harkirat1 I would love to buy some merch incase you are going to release them aswell. Your content is amazing. It's bringing the "coding is so cool and fun" kinda vibe that I get from watching foreign youtubers to indian audience aswell! Would love to see more of such creative content. LESSSGOOO!!
bro use moveNumber() instead on timestamp 56:15
could u makie a game analyzer?
samay bhai ne bola hoga 😂😅
Doesn't matter though happy to learn from harkirat always ❤🎉
kon cusion wala?
@@meme_Overflow Samay Raina, YT chess player, StandUp Comedian
J&K Gambit...
Kon
@@Tushar_995 ha to cushion hi h wo
The intro t-shirt fulfilled its purpose. Amazing vid!
lol
One day , he will upload the video, I code a whole universe in 6 hours .
Hats off Sir 😜😁 🔥🔥🔥🔥
😜😂😜🔥🔥🔥🔥bhag bkl
you are damn good coder, keep growing lots of love
Great work, harkirat ! ❤
Well done Harkirat Bhaiyaa!!!! ..... Next project should be on building excalidraw from scratch
As a senior engineer i am telling you , dont follow anybody blindly
He is basically coding and writing which he has already written somewhere , coding is just 20% part of the software engineering where as 80 % goes in thinking,
I am also senior engineer and the way he is coding is awesome 10x better than all those tutorial video on Internet here u can actually learn how the things work and how to get out of tutorial hell . By the way you are senior engineer watching this video and commenting such shit what a shame dude at least have some respect for someone who is trying to give something free to community.
@@Herxh428 what free bro, literally this guy changed the 5 crore thumbnail in previous video to normal thumbnail, first he was attracting students by showing 5 crore then due to a little backlash he changed it, and then talking about this particular video, so he is a tech youtuber this video is necessary because he will then use this video to diverger his audience to buy the course. It simple marketing nothing free
@@malluarjun8287 He literally gave away more than 12000 $ to students during cohort he is not like other course sellers who make 1-2 app and say
get out he guides just like he is big brother to everyone . Even you have to pay to learn alphabet during school here he is providing valuable content which is nowhere in TH-cam and can easily make someone mid level developer if followed properly. I think when he inves his time and effort also extend 2 month course to 5 month just because students can learn more i don't think one individual can do more than this for community.
@@malluarjun8287He literally gave away more than 12000 $ to students during cohort he is not like other course sellers who make 1-2 app and say
get out he guides just like he is big brother to everyone . Even you have to pay to learn alphabet during school here he is providing valuable content which is nowhere in TH-cam and can easily make someone mid level developer if followed properly. I think when he inves his time and effort also extend 2 month course to 5 month just because students can learn more i don't think one individual can do more than this for community.
He literally gave away more than 12000 $ to students during cohort he is not like other course sellers who make 1-2 app and say
get out he guides just like he is big brother to everyone . Even you have to pay to learn alphabet during school here he is providing valuable content which is nowhere in TH-cam and can easily make someone mid level developer if followed properly. I think when he inves his time and effort also extend 2 month course to 5 month just because students can learn more i don't think one individual can do more than this for community
really helpful bro please make more projects like these
Keep these coming!!
This is awesome! Thank you!
I want to join your cohort 0-1 but it late can u tell me i future you launch cohort 3.0 or else on related to cohort 2.0
so i will join in future and wait for the cohort 3.0 or i join cohort 2.0 reply harkirit bhaiya
This man is a Genius
Just want to get one clarification out here on how the server will handle the situation if browser 1 wants a 5 minutes timer game and browser 2 tries with a 10 minute timer game?
OG is back ❤
I will design everything you are doing but in react/django soon!
Can you discuss and do an actual implementation of a product like KAFKA. I know there'll be a huge enginnering team actually involved in building that
Do I need to install nodemon, whenever I'm trying to send anything I have to compile the typescript the file and start node server again and again
This is amazing
Where to host the websocket ? I tried on vercel but seems like it has no support for websockets
interesting harkirat bhai
which vscode extension do u use for copilot free anything
Can you please tell what vscode extensions do you use
can you build a website that could provide only hints for questions of jee their are solutions available online but that doesnt help to study
Any suggestions on how to search for web3 developer opportunities in india?
interesting topic.. thanks
can anyone tell me what are the prerequisites to follow along with this tutorial??
Thank you
Hello brother, The video is max in 360p, it gets blur.
Will process in ~30 mins
@@harkirat1 Thankyou brother
That's part of the 'Indian TH-camr giving you the best coding tutorials' experience.
@@happypumpkin7956it's 1080p 60fps fyi. Freshly uploaded video takes time on yt to be available in different resolutions 😊
@@truck.-kun. I was kidding, Truck Kun
Bruh I have to help myself to become a game Dev on web 3 please guide me 🥺, got nothing to lose already lost most of it
Let's begin
what is your rating bhaiya
B E G I N N E R F R I E N D L Y
Lol
it is
Harkirat's famous last words : FoRk It ! XD
Hello Sir, Bring Web 3 Cohort Please or atleast make a video for prerequisites for cohort!
Yes Sir, Please make a prerequisites video for upcoming Web3 cohort
I too interested
why not use the tailwind extension for vscode 😭
Keep these coming sir?
That player beat you on time thinking he's very smart 🤓, meanwhile you built the whole chess engine 😅😅 , btw love your videos❤
I see quest in bg, are you doing VR dev ??
this is cool, but it has me question is this smth students would be putting on their github out of boredom or no
What do you mean?
When you build a software it seems to be easy but when I try to do it myself it gives me very harsh reality hit😢😅
Why its only in 360p?
im new to development should i watch this would this be usefull for me anyone please tell
everything is useful. You may not understand something. But it will click later on. Do parallel learning not linear.
Where is web3 cohort?
sound is little bit low, do please increase the sound
What is your typing speed?
1st comment bhaiya big fan ❤❤
What the hell man I just downloaded the app and you made a tutorial 😂.
Samay would be proud XD
👏👏👏
on the order of supreme leader:
Can anyone tell which AI tool is begin used in the video for auto generation?
Github CoPilot
Next Video,I defeated Samay in my own build "Chess"😮
nooo way his tshirt said fork it 😂
I m getting error as code from my try catch is not executed in Games.ts it says the if conditions above it hai early returns plz help
I am not able to connect to my websocket using postwoman, I tried many times but it is not connecting , Can anyone help me out ?
facing same issue
@@143_nimit6 If you find the solution do reply here.
@@143_nimit6 Did you find any solution?
same problem here. dont know what to do
Most probably you are connecting to wss://localhost:8080 instead of ws://localhost:8080
What does Kirat uses when he is drawing figures to explain?
excalidraw , open source web drawing app
Why am I gettting only 360p?
TH-cam takes time to process the high quality video and after sometimes you will get the higher quality
I want that Toy Story figures in The back😢😢😢😢😢
Can't see the code, video quality is too low
this has so much to do with the chess library rather than the tech stack
Why is that so?
Can someone explain this , he types the code and all of a sudden he pastes an entire para of code out of nowhere , where is all of that code coming from 1:21:00
Copilot
check the king 4:23
they play g3 and there's no other threat.
Bhaiya mai bca 2nd semester students hu to mai konsa tech stack karu
MERN , JAVA FULL STACK WEB DEVELOPER
mern no doubt
Java. It has a more mature ecosystem. Also bigger companies use it more in their backend
what is your chesscom rating
pls increase the audio sound
Does it have chess engine also? ( Abhi poori video nhi dekhi h..)
Samay bhai ka asar
Don't say its simple😢😢😢
1:01:22
tsc not found error
What should i do?
same here
no live link sir ?
No sar
One day harkirat: I coded chatgpt in 1 day 💀
what autocomplete intellisense is he using ?
...maybe github copilot
Github Copilot.
video dekh ke depression mai chala gaya
Why do I feel like it's that mark Zuckerberg arc 💀
56:14
collab with samay raina please!!
tsc -b is throwing an error . i have typescript installed for the project already
Same error, did you find any solution for it?
@@shankersingh1123 same here pls tell me if you got solution?
In my case i manually created a tsconfig.json , if that's still an issue just run tsc [TypeScript File name] and continue the project ,
I was not able to follow the video so I followed this repo instead -> th-cam.com/video/71BWw_tNhbk/w-d-xo.html&pp=ygURY2hlc3Mgb25saW5lIGNvZGU%3D @@shankersingh1123
Video is in 360p max!
I have a query , if i get any bounty or not if i contribute to the 100xdev repos ? If i am not from the cohort
No
video is blurry , difficult to see code
whats your elo I mean to say hows your chess skill?
Poor
360p mai kuch nahi dikh raha😢😢
Toh bhai dekh kyu rha
Do you play chess?
You read my mind😠 wanted to make the same project 😠😠😠😠
i have an question , what is the main purpose for use typescript instead of javascript
Typscript is good in maintaining the consistency of the data types you are sending/using in a function/class where you might have a very high probability of sending a wrong data type and let you know in the initial state of initialising/calling a function or class that you are using/sending a wrong data type instead of causing issues at the final/production levels. Majorly it helps in removing the chances of errors with type of data in production level.
@@bainapallivinodkumar7672 oh got it, thanks bro
Hasdeo Arand bachao!!!Hasdeo Arand bachao!!!
Bro missed 4 crore per annum job in the thumbnail
hopscotch is not working
Try using postman
@@harkirat1 Thank you for the reply, I was using hopscotch in Brave but when I used in Google Chrome, the problem was solved.
@@harkirat1 Thank you for the reply, I was using Hopscotch in Brave which had intenal blocker, once I tried it inn Google Chrome, it worked properly.
00:50:55 - We got a bug and room got mosquitoes
Bhai ChatGPT banadey ek ghantey me in!
❤❤ We wants React Course From You ❤❤ Don't 💔it.
second
make infinity match review free
First
the same person who says tuturial hell is bad lmao .. tho loved the video. No hate tho
He said follow this for basic understanding of thie app then solve those issues un github where you will learn 100x better than following tutorial this video is base for solving those issue.
YOu are Black.☠
we Love EveryOne
❤❤
bro can u do PUBG clone
Let's goo
You just can't matter how super human you're. What nonsense.