MTG Card Collection Handler (front-end)

Introduction

MTG Card Collection Handler is a website where You can browse through the wise collection of cards released by Wizards, makers of the famous card game Magic: the Gathering.

This repository holds only the front-end code written with React and Bootstrap.

If You want to search and list cards, register and login, setup the back-end too.

Technologies

  • React 16
  • Bootstrap 4
    • React Bootstrap 1
  • MTG SDK 0.4
  • Axios 0.19

Setup

Install Node.js packages

$ npm install

Start React app in development mode

$ npm start

Open http://localhost:3000 to view it in the browser.

Main page

Main page

Lists random cards to browse from, but you can also search for cards by their name and color.

Detailed page

Detailed page

When you click on a card, a detailed page comes in where you can find all the info you need!