Skip to content

wblachut/react-project-memory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Witcher Bestiary memory card game

Want to become a witcher? But you have no clue what kind of monstrosities you will face! Learn about them here!

PROJECT: MEMORY CARD

Project is a part of The Odin Project JavaScript learning curriculum. To learn more open the TOP assignment page.

Description

Web memory game. Cards images are based on Andrzej Sapkowski's The Witcher Saga's bestiary. Creating this web game focused on implementing functional components. I have got ready page skeleton and updated it to use functional component instead of class components. I started to rely more on functional one since that time. I have also used hooks for the first time which was really nice feeling. Also finding all those slavic and other folk-beliefs beast was heck of a fun!

So hooks are a little bit complicated right? ...No! They are not, they are convenient!

Display from the web app bellow:

Concepts used and learned:

  • The Witcher's Bestiary knowledge
  • React Functional Components
  • Hooks

Tools:

  • Visual Studio Code
  • Javascript
  • React
  • ESLint

Some things to apply in future:

  • update app design
  • add css transitions for changing turns and for end of the game
  • expand the deck by adopting more bestiary positions
  • add sound on option with calm music from the witcher game