Description

This app uses the API of Magic The Gathering to request a list of cards.

Features:

• Search by the card name
• Filter the list of the cards by the card type
• Order the list of the cards by name
• Display a card
• Display a random card
• Save a favorite card

Tech

Made with Vue, Vuex, Vuetify and the API of Magic The Gathering.

Unit testing with Vue Testing Library.

The Github Action:

• Install the dependencies
• Execute the linter
• Execute the unit tests
• Builds the project on production mode
• Deploys the project in Netlify

See in action

https://vue-magic-the-gathering.netlify.app

Scripts

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint