Card Matching Game

A simple card matching game that gave me a chance to explore React as a framework!

Decide for yourself: the greatest card matching game ever?

How To Play ♠♣♥♦

Check out our detailed gameplay instructions

Architecture 🏡

Read more about some of the design decisions

Development 🎴🃏

npm start

# start development server at:
# http://localhost:3000/react-card-game
npm start

Localhost: http://localhost:300/react-card-game

Testing 🧪✅

npm test

# run unit tests (interactive)
npm test

# run unit tests (CI-mode)
npm test --watchAll=false

# generate coverage report
npm test -- --coverage --watchAll=false

See the section about running tests from Create React App for more information.

Deployments 🚀

npm build & npm deploy

# Builds a minified, optimized bundle in PRODUCTION mode
# does NOT deploy
npm build

# Builds AND deploys to gh-pages
npm run deploy

Production Environment: https://ooblioob.github.io/react-card-game

Framework Choices 📋

• Unit Testing: Jest w/ Enzyme
• Linting/Style Guide: eslint (react config)
• Authentication: Auth0
• Routing: React-Router
• Confetti: canvas-confetti

Contributions

I ❤ feedback and I'm always trying to improve my craft. If you see something I should improve, file an issue

Specifically, I'd love to improve:

• Writing more idiomatic React/Javascript code
• Testing more effectively
• Balancing delightful features with code that helps me practice and improve my craft