A fun memory game with cards, just find the pairs. Uses a dummy results table to compare your score.
It is a React app that uses TypeScript. The images for the app are hosted in Cloudinary and so far their service has been fantastic.
Home
Deck of Cards
- React js
- Pure CSS (because it is sweet)
- Cloudinary
- Badwords and Badwords filter
- Inkscape
The game app is live but you can also play it locally.
Clone the repo- inside the repo folder
npm ito install dependencies npm startto run the game on localhost:3000
- Timer and moves tracker
- Cards flip on click
- Settings allow for selection of different deck of cards
- Leaderboard that shows the top 30 scores, currently locally only
- Unit and Integrations tests. All components are tested.
Setting page to allow a user to:
- choose a deck of cards
Setting page to allow a user to:
- choose the difficulty (how many cards to play with).
This will affect the existing decks as they only contain 8 cards each. Having a difficulty level means adding more cards per game or we could just increase the difficulty of the actual images on the cards.
- Store players data in a DB so we can use this data to make the game more competitive.
Having life data that is shared across anyone playing the game would be awesome and a way for people to be competing for best score. This feature, naturally follows the difficulty level.
Pull requests are welcomed.
- Fork the repo
- Clone locally or not
- Create your changes
- Make a pull request
Here are some of the npm packages I used for the project:
- badwords-filter An easy-to-use word filter with advanced detection techniques.
- badwords A highly consumable list of bad (profanity) English words based on the nice short and simple list found in Google's "what do you love" project made accessible by Jamie Wilkinson.
- Amy L Sutton - card designs
- Carlos E Alford - developer