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