Front-end planning.

[MichaelPachec0]

This will be used as conversation on how the back-end will be structured and will reference other issues pertaining to more specific bugs/enhancements. The specific issues that will be referenced here will talk about what the front-end will do and can then be assigned individually.

Issues to tackle:

• Creating the base memory game structure. #15
• Flipping animation to reveal the pokemon. #16
• Create CSS file #19
• Create RESET button #20
• Logic to check if the cards match #25
• Sending a request to the backend API #26
• Rendering the pokemon cards to the DOM. #27
• Logic to keep score #28
• Creating a header that asks for user name, then displays it and their score #31
• UI FIX: Pokemon image is too small. #44
• REFACTOR: Event handler should be contained in a function. #48
• REFACTOR: Rendering Pokemon cards to DOM. #49
• Duplicate copies of front-end code #54

[MichaelPachec0]

For now there isnt any issues but as people comment here issues can be opened and tracked.

[JoeDravarol]

After re-reading the conversations I think we are using this Frontend Mentor as design inspiration provided by @istarlet. Alysanne mention that we could use pokemon cards instead for the memory game.

I think within the time scope we will only be able to tackle the main memory game feature. We would need someone to find some pokemon cards image first, ideally 8 pokemons would be enough since we would have so setup the request for the images on each request in the backend.

[JoeDravarol]

These was some issues suggestion provided by Alysanne to tackle on the Frontend:

Issues to tackle:

• Setting up fetch request to the backend.
• Displaying cards in the DOM.
• Flipping animations
• Logic to identify match cards.
• Creating the layout.

[JoeDravarol]

I think it would be great to assign people to tackle #15 and #16 today, so that we have the base styling ready for when we will tackle the DOM logics on Monday.

[MichaelPachec0]

I think it would be great to assign people to tackle #15 and #16 today, so that we have the base styling ready for when we will tackle the DOM logics on Monday.

I agree, just in case be sure to post it in the discord channel so everyone knows about it.

[harris2310]

Hello Michael,
I'll work on issue #15 and see what I can do.
Should it be vanilla Javascript, or can I use react for it.

[JoeDravarol]

I think it would be great to assign people to tackle #15 and #16 today, so that we have the base styling ready for when we will tackle the DOM logics on Monday.

I agree, just in case be sure to post it in the discord channel so everyone knows about it.

I've asked @jericashall for permission just waiting for approval. I'm currently at work at the moment, once I have the approval to start #15 #16 I'll let you know and it would be great if you could post it on Discord on my behalf. Thanks in Advance!

[JoeDravarol]

Hello Michael, I'll work on issue #15 and see what I can do. Should it be vanilla Javascript, or can I use react for it.

Note: #15 should just be HTML and CSS only. We'll be working on the JavaScript DOM and NodeJs on Monday I believe.

Ideally it should be in vanilla JavaScript because majority of the member has not learn React and this project should be beginner friendly. It would be great if you don't start on the issue just yet since we are waiting for @jericashall approval so that we can have multiple people colloborate on it after the Office hours today.