Build A Memory Card Game in HTML CSS & JavaScript

  Рет қаралды 73,100

CodingNepal

CodingNepal

Күн бұрын

Пікірлер
@CodingNepal
@CodingNepal 2 жыл бұрын
Get Source Code of this Memory Card Game: buymeacoffee.com/codingnepal/e/278835
@SatyamYadav04
@SatyamYadav04 Жыл бұрын
brother what is code for the game with timer
@sherryab3964
@sherryab3964 Жыл бұрын
Finally, a proper Vanilla VS game that if mobile responsive! Thank-you!
@lymmentrixprofessional
@lymmentrixprofessional Жыл бұрын
This is the best I have ever coded , thanks a lot
@codingwithkenny6492
@codingwithkenny6492 2 жыл бұрын
This is absolutely amazing sir! I learned a lot from it and was very inspiring indeed. Awesome project, best one yet!
@CodingNepal
@CodingNepal 2 жыл бұрын
Glad you enjoyed it!
@minimumviablepizza
@minimumviablepizza Жыл бұрын
A couple of the earlier steps were not working as expected for me. I saw gems on both sides of the cards until around the 10min mark when 'backface-visibility: hidden;' is added then it worked as expected. If you are having early issues it may not be a bug. Great tutorial though and great game to learn from. 👏
@aidanbenbow6682
@aidanbenbow6682 9 ай бұрын
The same expect that after the css I now have a long line of cards that are flipping rather than a grid.
@waltdisney-tz8ef
@waltdisney-tz8ef Жыл бұрын
I LOVE YOUR PROJECTS VERY MUCH, THANKS TO YOU!🔥
@MemeZillabr
@MemeZillabr 2 жыл бұрын
Esse cara é muito bom, não perco nenhum vídeo, um abraço do Brasil 🇧🇷
@CodingNepal
@CodingNepal 2 жыл бұрын
Happy to hear that.. Keep watching
@MemeZillabr
@MemeZillabr 2 жыл бұрын
@@CodingNepal 4ever ♥️
@coder_neha
@coder_neha Жыл бұрын
Thank you for posting such a amazing project
@hackeditz2.0
@hackeditz2.0 2 жыл бұрын
Finally I found a game in your channel after a long time☺️☺️🤗
@CodingNepal
@CodingNepal 2 жыл бұрын
Hope you liked it
@Sara_lm
@Sara_lm 2 жыл бұрын
Wow, wow, wow this is brilliant! I’m an amazed your work! This is incredible! No comment further , subscribed your channel!
@CodingNepal
@CodingNepal 2 жыл бұрын
Thank you so much 😀
@rajbannasa7662
@rajbannasa7662 2 жыл бұрын
That was soo awesome sir , thank you so much sir ❤️
@CodingNepal
@CodingNepal 2 жыл бұрын
You're most welcome
@ohissamuel
@ohissamuel 2 жыл бұрын
This is really good The Javascript codes are self-explanatory
@codeWithRoss
@codeWithRoss 2 жыл бұрын
This is a beautiful little game you have made!
@CodingNepal
@CodingNepal 2 жыл бұрын
Thanks and don't forget to check live demo. Link is in the description.
@jeenitprajapati3449
@jeenitprajapati3449 2 жыл бұрын
Superb Game made with your great hardwork
@CodingNepal
@CodingNepal 2 жыл бұрын
My pleasure :)
@memeindia2411
@memeindia2411 2 жыл бұрын
You are awesome man!! 😊
@CodingNepal
@CodingNepal 2 жыл бұрын
Thank you :)
@CreativeTutorialsWeb
@CreativeTutorialsWeb 2 жыл бұрын
Superb one Sir this is beyond amazing
@CodingNepal
@CodingNepal 2 жыл бұрын
Many many thanks to you
@jeenitprajapati3449
@jeenitprajapati3449 2 жыл бұрын
We want second demo also
@TECHWITHKAMALRAJ
@TECHWITHKAMALRAJ 10 ай бұрын
Amazing projects and what a logic ❤
@CrazyCodingChannel
@CrazyCodingChannel 2 жыл бұрын
I've never seen anything like this. Cool!
@CodingNepal
@CodingNepal 2 жыл бұрын
Happy to hear that!
@comptech8532
@comptech8532 2 жыл бұрын
No words , just subscribed!!!!
@CodingNepal
@CodingNepal 2 жыл бұрын
Many many thanks to you
@rubengarcia5460
@rubengarcia5460 2 жыл бұрын
Just great, good work. Waiting for v2.0.
@mostafashahat9760
@mostafashahat9760 2 жыл бұрын
Nice work, please make Demo 2 tuturial...Thx
@lifeisbeautifu1
@lifeisbeautifu1 2 жыл бұрын
Wow. This looks amazing. I'll try recreate this game in React :)
@CodingNepal
@CodingNepal 2 жыл бұрын
Thank you and best of luck :)
@shraddhadeshmukh5810
@shraddhadeshmukh5810 2 жыл бұрын
Grt Man !!
@reallife1482
@reallife1482 Жыл бұрын
Absolutely brilliant
@AashutoshBansal
@AashutoshBansal 2 жыл бұрын
I liked demo 2 man 😌
@CodingNepal
@CodingNepal 2 жыл бұрын
Great and don't forget to check live demo - codingnepalweb.com/demos/memory-card-game-with-timer-javascript/
@AashutoshBansal
@AashutoshBansal 2 жыл бұрын
@@CodingNepal bro already checked ✅ Thanks
@linusyong4731
@linusyong4731 2 жыл бұрын
Where's the question mark image? Please give us the image. Love your work by the way! Very impressive and cool and creative.
@CodingNepal
@CodingNepal 2 жыл бұрын
Please, download the source codes file to get all files and images - www.codingnepalweb.com/build-memory-card-game-html-javascript/
@nobodyknows6867
@nobodyknows6867 2 жыл бұрын
You are so good!! Keep going!!
@이상진-v9d
@이상진-v9d Жыл бұрын
Thank you for make this video!
@WillSmith-qt7me
@WillSmith-qt7me 2 жыл бұрын
What a great project you have here
@warrobots4010
@warrobots4010 2 жыл бұрын
Well don 👍
@devmaroc7979
@devmaroc7979 2 жыл бұрын
Keep going 💫❣
@CodingNepal
@CodingNepal 2 жыл бұрын
Sure
@shintaeroo9962
@shintaeroo9962 2 жыл бұрын
Oh I really want demo 2.
@amazingcrochetandgospel1
@amazingcrochetandgospel1 Жыл бұрын
I give it a thunbs up but i can meet demo 2 of the video?
@shintaeroo9962
@shintaeroo9962 2 жыл бұрын
wow it is really what I want! Thank you!
@CodingNepal
@CodingNepal 2 жыл бұрын
Glad you like it!
@Ahm3dAshour
@Ahm3dAshour 2 жыл бұрын
Keeping going
@LuisMedina-dk3vc
@LuisMedina-dk3vc 9 ай бұрын
Awesome!
@Fnbalenciaga
@Fnbalenciaga 2 жыл бұрын
Nice even I did this same one
@CodingNepal
@CodingNepal 2 жыл бұрын
Great and hope you like it
@Fnbalenciaga
@Fnbalenciaga 2 жыл бұрын
Can you make a tutorial on how to make a video conference website tutorial?
@horndoctech9914
@horndoctech9914 2 жыл бұрын
Amazing 😊
@yubiroaster6285
@yubiroaster6285 2 жыл бұрын
Big fan sir 🇳🇵.... Please reply 🙏🥺
@CodingNepal
@CodingNepal 2 жыл бұрын
Okay
@Abhicoder
@Abhicoder 2 жыл бұрын
Amazing 😀!
@CodingNepal
@CodingNepal 2 жыл бұрын
Thanks! 😄
@baptistegourgouillon7895
@baptistegourgouillon7895 2 жыл бұрын
Hello, thanks for the tutorial. I found the notation "function flipCard({target: clickedCard}) {" quite puzzling. You went from "let clickedCard = e.target" to an object you're destructuring in your function. But I have a question : where is the variable definition, and the "e" of the event in your function parameter ? this notation is so concise that it's a bit complex...
@xeedreen2120
@xeedreen2120 2 жыл бұрын
+++, я тоже этот момент не понял
@bcreative-findyourselfinde7505
@bcreative-findyourselfinde7505 2 жыл бұрын
If you add your voice with the projects it would be easy to understand. Thank You.
@raghunathpatil7154
@raghunathpatil7154 2 жыл бұрын
Hello coding nepal these video is amazing for development game in short time i have use these video for making my project and it was soo helpful for me but my request is can u provide video link or code for demo 2 please
@to_serveMyNation
@to_serveMyNation 2 жыл бұрын
Fantastic project so many things to learn
@CodingNepal
@CodingNepal 2 жыл бұрын
Yes, thank you
@Sridhar0346
@Sridhar0346 2 жыл бұрын
its woring up to Position Absolute but when i give relative its its not working only backgroup image rotating
@to_serveMyNation
@to_serveMyNation 2 жыл бұрын
Please upload demo 2 please
@OrgilsYTChannel
@OrgilsYTChannel 2 жыл бұрын
Nice tutorial
@ohissamuel
@ohissamuel 2 жыл бұрын
We need demo 2 🙏
@Abhi_Abhishek_
@Abhi_Abhishek_ 2 жыл бұрын
Nice part 2 plss
@codingbatch764
@codingbatch764 2 жыл бұрын
Woow!! Nice work mn Which app do you use to make that thumbnail on your ytb channel?
@CodingNepal
@CodingNepal 2 жыл бұрын
I use Adobe XD
@codingbatch764
@codingbatch764 2 жыл бұрын
Thanks bro!! Is that the one you use on your ytb video?
@JohnnySalah-fu1kn
@JohnnySalah-fu1kn 2 жыл бұрын
it's not working when we add preserve 3d in css , I tried 3 times and I don't get any results? 😕
@CodingNepal
@CodingNepal 2 жыл бұрын
Please, check the codes. Link is in the description.
@horndoctech9914
@horndoctech9914 2 жыл бұрын
Please make the videos tutorial programming php mysql ajax .
@CodingNepal
@CodingNepal 2 жыл бұрын
Okay, I'll try
@amritontop
@amritontop 2 жыл бұрын
Cool game!
@CodingNepal
@CodingNepal 2 жыл бұрын
Thanks!
@yongxiangfoo1086
@yongxiangfoo1086 2 жыл бұрын
Hellp bro, can you make a tutorial about how to keep api key securely
@CodingNepal
@CodingNepal 2 жыл бұрын
If you're using nodejs, you can put your all secret keys in the dotenv file
@walkwithkeon
@walkwithkeon 2 жыл бұрын
your videos are amazing but why don't you add voice over so we can know what you're doing and why?
@CodingNepal
@CodingNepal 2 жыл бұрын
I'll try to add voice in my upcoming videos
@phonedr.1013
@phonedr.1013 2 жыл бұрын
@@CodingNepal it's okay! i think totally fine! a new style lol
@POGPlanet-n5h
@POGPlanet-n5h Жыл бұрын
I downloaded the images from the link but by default they are so big. Is there any reason why they are not the same size as in the video?
@64_bit_coding
@64_bit_coding 2 жыл бұрын
Cool
@AnkitRaj-fp7cm
@AnkitRaj-fp7cm 2 жыл бұрын
2nd ones code is there there, can you please help me
@CodingNepal
@CodingNepal 2 жыл бұрын
Yes, you can download from the description link.
@lakshmipriyankaimadabattin3734
@lakshmipriyankaimadabattin3734 2 жыл бұрын
Can you make responsive page to sharable web page..... I mean can you shown web hosting
@nadevnimnath7021
@nadevnimnath7021 2 жыл бұрын
Can I use this for official purposes?
@CodingNepal
@CodingNepal 2 жыл бұрын
Yes, you can use it!
@nitujha4884
@nitujha4884 2 жыл бұрын
Plz add voice to your videos. It will be much better
@markovranjes1428
@markovranjes1428 2 жыл бұрын
Why can't I upload my photos in the html file? I just put my pictures in the folder and in the HTML changed the names of the pictures from yours to mine and it still doesn't work. Please help, appreciate it. :)
@CodingNepal
@CodingNepal 2 жыл бұрын
You can put your own images but, you've to put all images name same as mine and also folder name must be images. This is because in JS file, I've given this path near line.no 64
@SatyamYadav04
@SatyamYadav04 Жыл бұрын
what is code for game with timer
@TanZero100
@TanZero100 2 жыл бұрын
i really want you to record audio also please
@azyzdarraji7554
@azyzdarraji7554 2 жыл бұрын
done :D
@6-s884
@6-s884 2 жыл бұрын
Hey bro first of all thank you for this amazing Masterpiece, am facing problem in demo 2, when i replace the images with mine it doesn't appear on website
@CodingNepal
@CodingNepal 2 жыл бұрын
Is your images name are same as mine..? Remember, you can replace my images with yours but images name should be same as mine.
@6-s884
@6-s884 2 жыл бұрын
@@CodingNepal thanks sir 💗 solved.
@Pankajsingh-ej8qk
@Pankajsingh-ej8qk 2 жыл бұрын
one suggestion instead of putting the background music try to voice over and make things clear while making or creating a project step by step
@himanshusandilya9520
@himanshusandilya9520 2 жыл бұрын
hello, I am new to web development... Plz suggest me a source code editor !
@Everson2958
@Everson2958 2 жыл бұрын
Faz a lógica novamente utilizando o vue.js
@arefam1301
@arefam1301 2 жыл бұрын
Demo 2 ???
@sohelrana9403
@sohelrana9403 2 жыл бұрын
Without voice and face apka channel monetization hua hain kea?
@sakshipagariya2416
@sakshipagariya2416 2 жыл бұрын
hello sir, I'm from India . I had one query, your website is not showing up all of sudden idk why ,I tried all possible ways but didn't work.
@CodingNepal
@CodingNepal 2 жыл бұрын
It's working now.. Please visit again!
@dubfy
@dubfy Жыл бұрын
@@CodingNepal Hello. Can you tell me how to make it so that in version 2, when the time 0s ends, it is highlighted in red?
@aram_monch2380
@aram_monch2380 2 жыл бұрын
👌
@muhammadapriyansyah6655
@muhammadapriyansyah6655 2 жыл бұрын
how to give time for example, given 1 minute then game over
@CodingNepal
@CodingNepal 2 жыл бұрын
Could you explain more..?
@tejasHasaan
@tejasHasaan 2 жыл бұрын
Can u make candy crush like game?
@CodingNepal
@CodingNepal 2 жыл бұрын
I'll try it
@tejasHasaan
@tejasHasaan 2 жыл бұрын
@@CodingNepal Yesterday I built memory card website. It's truly amazing.
@CodingNepal
@CodingNepal 2 жыл бұрын
@@tejasHasaan Great and I've also provided the source files link of this game in the video description.
@tejasHasaan
@tejasHasaan 2 жыл бұрын
@@CodingNepal thank u bro
@AnjuGupta-jy6lj
@AnjuGupta-jy6lj 2 жыл бұрын
Bro I want demo 2 code
@CodingNepal
@CodingNepal 2 жыл бұрын
Source codes will be available on my website soon - www.codingnepalweb.com/
@ilovejesus.100
@ilovejesus.100 Жыл бұрын
How to download files html
@prithvichoudhary7449
@prithvichoudhary7449 2 жыл бұрын
When you revel your voice
@dvthax
@dvthax 2 жыл бұрын
Pls make js game mad fish or moto x3m 🥺
@CodingNepal
@CodingNepal 2 жыл бұрын
Okay
@dvthax
@dvthax 2 жыл бұрын
@@CodingNepal thanks
@lymmentrixprofessional
@lymmentrixprofessional Жыл бұрын
Demo 2
@daeralbra
@daeralbra Жыл бұрын
Why do you guys do not speak during the video?
@onepieceworld121
@onepieceworld121 Жыл бұрын
Its easier to understand this way
@aliuzer4022
@aliuzer4022 7 күн бұрын
demo 2
@programmingwithkartik4319
@programmingwithkartik4319 2 жыл бұрын
Good but bro but why so late video try to upload video regular week , you will lost your channel reach so try to upload videos
@ushasandeepjain9939
@ushasandeepjain9939 2 жыл бұрын
PLZ @CodingNepal I want Demo 2
@Slot-CEO
@Slot-CEO 2 жыл бұрын
how can i contact you
@CodingNepal
@CodingNepal 2 жыл бұрын
You can email me at contact@codingnepalweb.com
@Slot-CEO
@Slot-CEO 2 жыл бұрын
@@CodingNepal I sent you a message You just have to read it.
@shayanmahmood7480
@shayanmahmood7480 2 жыл бұрын
he is awesome but he is not getting subscribers as he deserves
How to Create Memory Game in JavaScript
14:23
Online Tutorials
Рет қаралды 50 М.
번쩍번쩍 거리는 입
0:32
승비니 Seungbini
Рет қаралды 182 МЛН
Vampire SUCKS Human Energy 🧛🏻‍♂️🪫 (ft. @StevenHe )
0:34
Alan Chikin Chow
Рет қаралды 138 МЛН
Code Memory Card Game in Javascript
20:29
Kenny Yip Coding
Рет қаралды 14 М.
I Redesigned the ENTIRE YouTube UI from Scratch
19:10
Juxtopposed
Рет қаралды 844 М.
Master CSS Animation Property in 11 Minutes [Full Tutorial] 🚀
10:56
Игра в пары на Javascript. Самое понятное объяснение
58:38
Александр Дудукало
Рет қаралды 9 М.
Memory Card Game - JavaScript Tutorial
34:16
freeCodeCamp.org
Рет қаралды 180 М.
Learn the JavaScript DOM With This Project - Memory Game
29:07
Awesome Vanilla JavaScript Memory Card Game Tutorial
58:30
developedbyed
Рет қаралды 63 М.
Memory game in Javascript | Tutorial | How To
19:40
Code with Burt
Рет қаралды 7 М.