easy and efficient game logic and superb explaination , can you make a tutorial video for deploying socket IO app on any free hosting platforms like vercel or other ?
bro can you make a small 5-10 minute tutorial video on how to make the code work from the github source code cause i watched the whole video and followed the steps but nothing happened so please make a video where you download the svg icon code the other code from github and make them work in visual studio code.
What problem is coming in your case? Can you tell me in details I am mentioning some steps to setup project from GitHub ⭐ Download project from GitHub ⭐ In both folder (server and client) run a command npm install ⭐ After that run this command :- npm run dev in client folder ⭐ Than run this command in server folder:- node server.js Make sure that you have installed node-js on your machine download 18 or 20 version of node Follow this steps if any error come than tell me in comment Thanks 🙏
@@arrayofsilicon Also a quick suggestion that if you want to do it, you can teach others aswell as me is to make a play again button so both player dont have to manually start a new game and also you can make a line going through the circle or cross depending on winner as done in traditional tic tac toe game. I think it would be a great video to do that in this game. And thanjk you for making these videos
In the first diagonal dynamic, paste this in upper line of return function - setFinishedArrayState([0, 4, 8]); and for second - setFinishedArrayState([2, 4, 6]);
Hello, watch this video i have created a single video for making multiplayer chess game with html css js jquery(sometimes) socket and node See :- ruclips.net/video/zmfuLIbFJCc/видео.htmlsi=sSC5Gnd2mHiVnMdh
hey i want to ask if I can make it online so i can play it with my friend . wherever we are in the world . I have made my own while watching your whole video now i want to know how to make it online
Please Check This Tutorial i have created how to deploy means making it live on linux server :- ruclips.net/video/Vt9qqnUG0iE/видео.html you will need a server i recommend using linode (www.linode.com/) they will also give you 2 months free trial with $100 credit so just take a trial version and deploy with the tutorial
Hi, need assistance, at 2:25:25, how are you getting the opponentPlayer.playerName in server.js file as it is not stored anywhere.....Thank you in advance if(opponentPlayer){ opponentPlayer.socket.emit("OpponentFound",{ opponentName:currentUser.playerName }); currentUser.socket.emit("OpponentFound",{ opponentName:opponentPlayer.playerName }); }
socket.on("request_to_play", (data) => { const currentUser = allUsers[socket.id]; currentUser.playerName = data.playerName; Whenever user it connecting or requesting to play the username is taken from the frontend side I mean we are sending it from frontend site and we are storing it in an object of user which is pushed into users array
Thanks for the reply, I get that however I am confused as its not being pushed into allUsers object anywhere in the code. Now I took the code from github and working fine for me.
Brother my name is Eisa Khan 14 Years Old Boy brother i always click on ad of education/coding video because with that they can get some finential help so you guys also do this भाई मेरा नाम ईसा खान 14 साल का लड़का है भाई मैं हमेशा एजुकेशन/कोडिंग वीडियो के विज्ञापन पर क्लिक करता हूं क्योंकि इससे उन्हें कुछ आर्थिक मदद मिल सकती है तो आप लोग भी ऐसा करें Thanks Love from INDIA, up,maharashtra
Even tho I understand nothing, everything works perfectly. Greetings from Slovakia 🇸🇰
In 33:30 when i changed renderFrom to gameState my entire div is missing from the website.
best project sir and audio quality is also best
Thanks
easy and efficient game logic and superb explaination , can you make a tutorial video for deploying socket IO app on any free hosting platforms like vercel or other ?
Yes next video will be soon out on deploy
Can we extract the apk version of this web application???😊
Hey! bhai kya hum ismein matchmaking aur rooms bana saktein hain? agar aap isko extend karkein ye sab banaye toh achha rahega! Great Work Bro!
bro can you make a small 5-10 minute tutorial video on how to make the code work from the github source code cause i watched the whole video and followed the steps but nothing happened so please make a video where you download the svg icon code the other code from github and make them work in visual studio code.
What problem is coming in your case?
Can you tell me in details
I am mentioning some steps to setup project from GitHub
⭐ Download project from GitHub
⭐ In both folder (server and client) run a command npm install
⭐ After that run this command :- npm run dev in client folder
⭐ Than run this command in server folder:- node server.js
Make sure that you have installed node-js on your machine download 18 or 20 version of node
Follow this steps if any error come than tell me in comment
Thanks 🙏
@arrayofsilicon now I get it I'm just starting coding and learning node js and stuff that's why I cloudnt figure it out. Thank you
@@arrayofsilicon Also a quick suggestion that if you want to do it, you can teach others aswell as me is to make a play again button so both player dont have to manually start a new game and also you can make a line going through the circle or cross depending on winner as done in traditional tic tac toe game. I think it would be a great video to do that in this game. And thanjk you for making these videos
@@arrayofsiliconWhen will the next chess video come?
Can we extract the apk version of this web application???
Nice video sir
Thanks 🙏
you dont tell about when user.playing state will true, so when a 3rd user is coming to play then it automatically pair is existing playing player
can we deploy it........???????????
It is also a very important part....
Yes next video will be soon out on deploy
ruclips.net/video/Vt9qqnUG0iE/видео.html
How to deploy on vercel?? I deployed but backend is not responding, frontend is there only
I hve to check on vercdl
52:19
What happened ?
@@arrayofsilicon oh, nothing. i was just putting it to remember where i stopped watch
i followed all steps but my socket.id key equal hi aa rhi h jiski vgh se waiting for opponent hi show kr rha h humesha... ho to resolve it
Please once refer to code in GitHub link is in description of video
Sir my formal request from you please make a video on next js and next auth and mongodb with typescript with users roles.
sorry but i have done till react and node i have to do the next js will sure look into it in future
Vite is a French word for quick so It's pronounced as "veet" not "vyte".
I am happy using white 😂
@@arrayofsilicon as you wish! anyway thanks for the video , i am making a multiplayer card game called 29. and used this video as a starting point.
Bro, It's not changing color if winning elements are diagonal. What to do?
I have provided code with GitHub link please refer that one time
In the first diagonal dynamic, paste this in upper line of return function - setFinishedArrayState([0, 4, 8]);
and for second - setFinishedArrayState([2, 4, 6]);
Thank you for the project, project is very good but the code seems a little messy.
Yes, you are right I will try to make other projects code good
Hello, watch this video i have created a single video for making multiplayer chess game with html css js jquery(sometimes) socket and node
See :- ruclips.net/video/zmfuLIbFJCc/видео.htmlsi=sSC5Gnd2mHiVnMdh
Can we extract the apk version of this web application???
i don't know this thing have to look
how can I deploy this and play with my friends please reply
Either have your friend and yourself connected to the same network or buy a webserver where your setup the website and databases.
Render
Please checkout this link i have created a deployment tutorial
ruclips.net/video/Vt9qqnUG0iE/видео.html&lc=UgxQYQndkPKehL1RUPt4AaABAg
hey i want to ask if I can make it online so i can play it with my friend . wherever we are in the world . I have made my own while watching your whole video now i want to know how to make it online
Please Check This Tutorial i have created how to deploy means making it live on linux server :- ruclips.net/video/Vt9qqnUG0iE/видео.html
you will need a server i recommend using linode (www.linode.com/) they will also give you 2 months free trial with $100 credit so just take a trial version and deploy with the tutorial
can deploy it
ruclips.net/video/Vt9qqnUG0iE/видео.html
How can we deploy this ?
i have created video on deployment too
ruclips.net/video/Vt9qqnUG0iE/видео.html&lc=UgxQYQndkPKehL1RUPt4AaABAg
checkout this thanks
I will try this hope everything works
Best of luck! tell me more about it after trial i have mentioned my insta id under video btw thanks for watching
Thanks bro for replying never stop replying of your viewers
Hi, need assistance, at 2:25:25, how are you getting the opponentPlayer.playerName in server.js file as it is not stored anywhere.....Thank you in advance
if(opponentPlayer){
opponentPlayer.socket.emit("OpponentFound",{
opponentName:currentUser.playerName
});
currentUser.socket.emit("OpponentFound",{
opponentName:opponentPlayer.playerName
});
}
have to check in depth will tell you in sometime
socket.on("request_to_play", (data) => {
const currentUser = allUsers[socket.id];
currentUser.playerName = data.playerName;
Whenever user it connecting or requesting to play the username is taken from the frontend side I mean we are sending it from frontend site and we are storing it in an object of user which is pushed into users array
Thanks for the reply, I get that however I am confused as its not being pushed into allUsers object anywhere in the code. Now I took the code from github and working fine for me.
@@swatibhardwaj579 okay Thanks subscribe the channel
Can u convert this to react native pls
i don't have enough knowledge about react native but definately see in future but you can try in react because i think both are same mostly logicwise
It will be better if you used rooms to manage players
can u show deploy
Yes next video will be soon out on deploy
ruclips.net/video/Vt9qqnUG0iE/видео.html
# missing h isliye nhi a raha tha 😅
where? can you tell me? i want to fix it
@@arrayofsiliconYou fixed it already dont worry 7:37
Thank you so much
Please show the deploy
Yes next video will be soon out on deploy
ruclips.net/video/Vt9qqnUG0iE/видео.html
Noce video but you are taking too much time on things which don't matter and hurrying on important concepts.
Sorry 😔 I will take this point in consideration from next video
Brother my name is Eisa Khan 14 Years Old Boy
brother i always click on ad of education/coding video because with that they can get some finential help
so you guys also do this
भाई मेरा नाम ईसा खान 14 साल का लड़का है
भाई मैं हमेशा एजुकेशन/कोडिंग वीडियो के विज्ञापन पर क्लिक करता हूं क्योंकि इससे उन्हें कुछ आर्थिक मदद मिल सकती है
तो आप लोग भी ऐसा करें
Thanks Love from INDIA, up,maharashtra
Thanks for support