Redesign

[thiamsantos]

Would be cool if the Design of the tool remember a card of magic.

[barbier]

What do you mean with "remember a card"? I didn't understood...

[thiamsantos]

I want to say that the colors can be almost the same of the cards of magic.

[barbier]

Well, there's a feature, that I still need to understand how it's done, that it's to calculate how many terrains of each color the player should have on the deck. If you mean that the program should save the cards for further use, we could implement LocalStorage, but propably we'll have to design a code structure for this.

[thiamsantos]

Sorry I wasn't clear. I am referring to the css of the app. Change the colors that gray and blue, to another colors to make more beautiful and user friendly.

[barbier]

Oh.... Well, I don't know which colors would be better. Could you please try some combinations? Maybe Adobe Color can help you.

[thiamsantos]

Sorry man, but I can't help you with that. I am terrible with that things.

But with the implementation of calculate how many terrains of each color, I will help you soon. First I need to understand how magic works. ;)

[barbier]

Hahaha, we'll find a way :) I think the best way to understand how Magic the Gathering works it's playing. Give it a try! :) http://magic.wizards.com/en/node/381926

[alanhr]

Why you don't use the color of icons in this page >> http://gatherer.wizards.com/Pages/Default.aspx ?

[thiamsantos]

Excelent idea @alanhr. What do you think @barbier? If you like, I can made it tomorrow. 😄

[alanhr]

@thiamsantos Do you study in Alura?

[thiamsantos]

@alanhr yeah man. Why? You study there too?

[alanhr]

Yep @thiamsantos , I also moderator there.

[barbier]

@thiamsantos, can you make it and post a screenshot here? @alanhr, thank you for the suggestion! =)

[thiamsantos]

Will appear like this @barbier . Off course that I will do right following the patterns and that is not the final version.

[barbier]

I liked it! But you took their background? I wonder if it's going to bring trouble in the future.... Could you try with some gradient pattern instead? Wizards of the coast isn't know as friendly with their IPs...

[thiamsantos]

Yeah I take their background.

What about a solid color?

[alanhr]

Is these 15 inputs are necessary? Why not put a button for create input dynamic?

[barbier]

@thiamsantos that's nice! =) @alanhr, I was thinking about it yesterday.... I think the next step of the design should be: One input to the user type the number of cards; One select to the user select the mana cost; Those single calcs. are shown on a list; Then the user calculate and the final result is shown;

What do you think?

I couldn't touch the app this week, but I'm planning the next one, using React Native for the players...

[thiamsantos]

@alanhr excellent idea that!!!

But is best open a new issue with that for that we discuss better what tools use and what architecture implement, MVC or whatever.

@barbier I agree, the next step should be make a app.

Soon I will make the pull request with the design changes.

[barbier]

@thiamsantos, I think there's no need to use a MV* pattern here, if the way I though it's going to be implemented, I think there's no need to make code this complex.

[alanhr]

We might use only vanilla js, because is very simple project

[alanhr]

We can create a simple observer with proxy for watching the actions as click and submit

[barbier]

I'll try to draw what I have in mind and post here tomorrow

[thiamsantos]

@alanhr I was thinking in the exactly same thing. Proxy can be answer.