Pokémems

Fun and interactive game to test your memory, featuring the original 150 Pokémon!

View demo · Add issue

About

Earn points by clicking on as many unique Pokémon cards as you can. But, if you click on the same Pokémon twice, the game ends.

Challenge yourself to try and set a new high score!

This project is part of The Odin Project's "Full Stack JavaScript" course. Built in ReactJS, this project focuses on practising:

1. React's useEffect hook for consuming RESTful APIs. All Pokémon IDs, names, and images are fetched from the RESTful PokéAPI using a custom hook useAllPokemon.
2. Styling React applications using CSS modules.
3. Test-driven development (TDD) using Vitest and React Testing Library (RTL) for unit and component testing, and Cypress for end-to-end (e2e) testing.

Built with

Tested with

Contributing

If you have a suggestion that would make Pokémems better, please feel free to add an issue and/or fork and create a pull request.

License

Distributed under the MIT License. See LICENSE.txt for more information.

Acknowledgements

• PokéAPI for providing the free Pokémon dataset through a RESTful API
• Muhammad Jazman for the static Masterball image file when a card is being loaded
• draw.io for its free wireframing tool
• Coolors for comprehensive colour palettes
• favicon.io for generating the favicons
• The present README was heavily influenced by the "Best-README-Template"
• Markdown badges by ileriayo

(back to top)