React.js Memory Game Tutorial

Поділитися
Вставка
  • Опубліковано 18 жов 2024
  • Finished codes: github.com/0sh...
    In this video, we are going to create a memory game using React.JS and react hooks. We will also be using CSS grid to create the layout and JavaScript to implement the game logic, we will also be adding animations and transitions to it.
    So I hope you enjoy the video. If you do kindly like and subscribe 😄
    Support me on Patreon: / 0shuvo0
    Find me on Twitter: / 0shuvo0
    Read my articles on Dev: dev.to/0shuvo0
    Watch My Other Tutorials:
    Vanilla JS Typing Game: • Create a Typing Practi...
    NodeJs URL expander: • Expan short URLs with ...
    React JS animated landing page: • Let's create an animat...
    Vue JS for Beginners: • Vue JS For Beginners w...
    Create Squid Game using JavaScript: • I made Squid Game usin...
    THREE.JS ocean cleaning game: • JavaScript Ocean clean...
    #react #js #JavaScript

КОМЕНТАРІ • 17

  • @mobeees
    @mobeees 2 роки тому +2

    These videos have been very very helpful and awesome. Please keep uploading more.
    Thanks Alot. ✨

    • @AngleBrace
      @AngleBrace  2 роки тому +1

      Many thanks 💓
      I will try my best

  • @GoodToCU88
    @GoodToCU88 2 роки тому +2

    Great tutorial. What is the auto complete with dark text in the background? Is it an extension?

  • @pdrohm
    @pdrohm 2 роки тому

    Excelent video, congrats. One question, how would you do if you had to instead of the same cards, you had to choose por example one card with a frog's picture, and another card with the word FROG (to match those results)?

  • @mihoubdebache5655
    @mihoubdebache5655 2 роки тому

    Hi! Excellent video! But one question ? How would you do to open a modal if the player finished the game ?

  • @lelis.designer
    @lelis.designer Рік тому

    hello, How can we prevent clicking on the card that is already correct?

  • @friderichwisniewski8154
    @friderichwisniewski8154 2 роки тому

    very good project

  • @adershgr
    @adershgr 2 роки тому +1

    images are not loading to display,folder is in public, idky

  • @amirul7411
    @amirul7411 2 роки тому +1

    How to do if we want to use different back. For instance like each card back consist of 16 different colours. Help me :”)

    • @AngleBrace
      @AngleBrace  2 роки тому +1

      In that case instead of image SRC array you can have a colour codes array

  • @leeyahav4754
    @leeyahav4754 2 роки тому

    what is that auto complete extention that you have ?

  • @Karyna_Korshak
    @Karyna_Korshak 2 роки тому

    I found a bug: when you click on the card a second time, it turns green and does not close

    • @myththelegendtyson
      @myththelegendtyson Рік тому

      add a new state called locked, before and after the check function is run, toggle the locked state. Before any function at all is run, check if locked is true, if so just return

  • @unknownguy2905
    @unknownguy2905 Рік тому +1

    Video would be much better if you didnt use that extension that suggests you 5 lines of code, its annoying, for me atleast

  • @Netkravler
    @Netkravler 2 роки тому +1

    does not work, try click on the same button twice

  • @ahmedmushfiq6128
    @ahmedmushfiq6128 2 роки тому

    pls make a video, how to make a wallpaper web app in javascript

    • @AngleBrace
      @AngleBrace  2 роки тому

      Wallpaper app? Can you kindly explain