Magical Beasts and Where to Find Them

Overview

This app displays Magic the Gathering creature cards. Users are also able to search and sort the content to find the card(s) they are looking for.

Tech Stack

• Frontend: React.js, CSS, and HTML
• Backend: Magic The Gathering API
• Infrastructure: AWS Amplify (S3 bucket)

Project Dependencies

• Bootstrap: used for styling elements
• MTGSDK (Magic the Gathering SDK): used to call the MTG API
• React Infinite Scroler: used to call API and render additional cards when user scrolls to bottom of the screen
• React Collapse: used to expand and collapse the search and sort features on version-2 branch.
• React Router: used to route 'pages'. This was added to the project so future work and more 'pages' could be added.

How to install and run

• Navigate to the folder that you would like to put the project files.
• Run git clone <insert clone link here>
• Install: npm install
• Run the app locally: npm start
• Run a build of the app: npm run build

Future work

All TODOs are being tracked as issues on this project.