You are browsing as a guest. Sign up (or log in) to start making projects!

Magic Deck Builder

  • 8 Devlogs
  • 13 Total hours

Magic Deck Builder uses AI to make magic Decks

Ship #1 Changes requested

I made a site for making Magic The Gathering decks

What’s Magic The Gathering?
Magic the gathering is a card game where players make their own decks

What did I make:
I made a website that gives basic recommendations on what cards a user should use, based on the rest of their deck.

Challenges:
I big challenge was hosting the site in the end I had to move all the server side code for suggesting cards to client side so I could host it through GitHub pages

How to use:
Just start searching for cards to add to your deck, and the system will start to recommend cards.

Features:

  • Recommendation
  • Filters & Search
  • Quick Stats
  • 8 devlogs
  • 13h
Try project → See source code →
Open comments for this post

2h 14m 33s logged

Changes Made

I worked on the algorithm for recommending land, and I ported my Express app to Github Pages. I also redid the UI

Recommendation algorithm

The algorithm just takes the ratio of required land, and compares that to the ratio of the land that is already in the deck and tries to match the two, it just works slightly better than before and accounts for more edge cases

Github pages

Github pages is fully static, meaning I had to trade out all my server side code for client side stuff, it doesn’t affect the user too much, but limits the app in the long run. But anyway you can actually use it
now.

Updated UI

I just think it looks slightly better, and provides more feedback on the search, and gives slightly more info on the card. As I am sure you can tell front-end is not where I excel, but it is slightly better than before.

0
0
6
Open comments for this post

1h 54m 52s logged

Changes Made

I just fixed a bunch of bugs before I decide to ship this.

Fixed bugs

Worked on fixing some basic bugs in the card recommendation, so that I could make it work better with wild Mana on cards, it took me 30 minutes to realize a variable should have had the let keyword instead of the var keyword. But now it works much better and is in a place to where I can start adding slightly more advanced recommendations.

0
0
2
Open comments for this post

2h 14m 4s logged

Changes Made

Added a simple non-ai based card recommender for land, I also added a simple graph showing the land distribution. Started working on the backend for the AI recomendation.

Land recommendations

The land recommendations identifies the gap between the mana required and the mana owned, a proportion based system would be better.

0
0
4
Open comments for this post

1h 20m 34s logged

Changes Made

I wrote a script to get data for training the AI

Getting the data

The app will use AI to help make recommendations on what cards are good for the app. The script I wrote scrapes the internet for complete decks and saves what cards they have into a JSON that can be used to train the AI later.

0
0
2
Open comments for this post

1h 24m 38s logged

Changes Made

I added filtering to the search and started on the training for AI card prediction

Filtering

I added filtering so the user can more easily specify what card they are looking for.

AI card prediction

I wrote a few test scripts to figure out how I will train my AI to do it.

0
0
2
Open comments for this post

1h 4m 29s logged

Changes Made

Made search more reliable and added simple loading animation

Search

The search would sometimes answer the query before the current one instead of the current one because that packet would be late. But that is no longer a problem.

0
0
2
Open comments for this post

1h 32m 59s logged

Changes Made

I setup the project and started screwing with an API for getting basic information

Tech Stack

Node JS, Express, js, html, css, the api.magicthegathering.io API

0
0
2

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…