Memory Card

This is the game 'Memory Card' where every click all Cards get randomised. I've made it in React with the help of Javascript. It's from the course "The Odin Project"

At the start cardChooser.jsx fetches (requests) 10 random Pokémons and creates a State containing them. After that CardHtml.jsx gets to "render" the cards (which is the Card component, Card.jsx) by updating the cardHtml state (after this it loads everything and it has finished)

Everytime an User clicks a Card it gets Randomised by randomising the allCards and hasClicked State (thanks to useEffect it updates directly the htmlCards everytime scores and those two States changes)

It was a fun and interesting Project (I like using APIs) and it didn't took much (the hardest part was randomising the Cards)

All the needed Copyright licenses are directly shown in this Project

Front-Page of the Project 'Memory Card', Mobile-view

Mobile view, Front-Page of this Project

Lossless Image

Front-Page of the Project 'Memory Card', Fullscreen Mobile-view

Mobile view, Fullscreen

Lossless Image

Front-Page of the Project 'Memory Card', Mobile-view of a random game

Mobile view, a random game

Lossless Image

Front-Page of the Project 'Memory Card', Desktop-view
Desktop view, Front-Page of this Project. Lossless Image
Front-Page of the Project 'BattleShip', Desktop-view of a game
Desktop view, an example of a random game. Lossless Image