#Magic the Gathering: Collection Manager
This application allows a user to manage their collection of Magic The Gathering cards, as well as to manage the decks that are built using these cards.
- JavaScript
- Express
- PSQL
- Bootstrap
- EJS
The key approach here is how the databases are structured, which is important for this type of project. A user can have many decks, each of which contain many cards, while a card can be in multiple decks. To handle these relationships, I have three databases: one for cards, one for decks, and one that keeps track of the relationship between cards and decks.
This allows me to join the databases together when needed to render appropriate information to the user.
Other than that, it's pretty standard MVC approach using Express and JS.
- The app is hosted via Heroku: https://mtgoat.herokuapp.com/
- An overview of the app and functionality is available here: https://youtu.be/NdMrGDDVQh4
- Users can add cards to their collection via two methods: open pack, or add via search. Both of these use the Magic API below to get the card information and store in database.
- Users can remove cards from their collection.
- Users can create decks
- Users can add cards to a deck from their collection, and then update the number of each card in the deck.
- Users can remove a card by setting it's number in deck equal to 0 and saving.
- Users can delete a deck.
- API Used: https://magicthegathering.io/
- CSS Referenced: https://codepen.io/micjamking/pen/neldj?page=3