ItemPage

[krobert151]

@mgaangel10 te dejo por aquí esta tarea, tienes que crear otro archivo html con un nuevo js, los estilos es mejor que sigamos compartiendo la hoja, aunque hazme un comentario con una barra horizontal para cuando llegue el momento de unirlos saber que es lo que tengo que mezclar y lo que no, intenta también rehusar clases ya establecidas y crear un modal con información de los objetos que funcione exactamente igual que como lo hice con los pokemons (si no tienes ni idea de pokemon llamame y lo vemos) ten cuidado al copiar las iteraciones del js con las tarjetas pkmn porque si te fijas en el figma el formato varía un poco. Si tienes alguna duda hazmelo saber.

[krobert151]

Diseña antes el figma del modal de los items y mandame la foto por aquí.

[mgaangel10]

La verdad esque de pokemons no entiendo un carajo he hecho este modal pero los atributos he estado mirando desde la poke.api y he encontrado : El coste ,efecto de lanzamiento,poder de lanzamientoy categorias que pertenece la pokeball.Nose que mas atributos añadirle a la pokeball @krobert151

[mgaangel10]

otra cosa lo de abajo de la imgane de la pokeball no lo he cambiado porque no sabia que poner ahí

[krobert151]

Ahora cuando tenga tiempo le echo un vistazo a los atributos que puedan tener los ítems y te digo cuáles ponerles, intenta hacer un diseño que sea distinto al modal body de los Pokémons para que no sea tan monótono.

[krobert151]

Mira, estaba viendo los items y hay como mas de 2000, se me ha ocurrido una ida, en Pokemon hay muchisimos tipos de items: pokeballs, piedras evolutivas, MO/MT, pociones.... los items tienen un atributo que es categoria de item que se llama item-attribute. Seria una buena idea que hicieras una página que clasificase los items por atributos, de forma en la que seleccione por ejemplo una serie de items y se habra un modal-body en la que aparezcan todos los items que cumplen con esos requisitos y muestre una breve información, ten en cuenta que dependiendo del tiepo de item tendrá una info u otra. Aquí te dejo la foto del JSON de los intems-attributes.

En cuanto al diseño, he pensado que estaría bastante guapo hacer algo semejante a la mochila del pokemon rojo fuego, si nunca lo has jugado es asi:

podrias hacer solo el cuadrado donde vienen los items y su catidad y hacer como una especie de tabla en la que se quede abajo el cuadrado azul estáticamente y que cuando hagas :hover en el item saliera la descripcion que tiene el objeto en el cuadrado azul como en los juegos de pokemon.

[krobert151]

Animo (si tienes alguna duda dímelo)

[krobert151]

Hazme antes el dieño en figma y avísame cuando acabes, luego te ayudo en la parte de programación y tal.

[mgaangel10]

te estas fumando una buena eh bro jajajaja ahora como salga bien y no nos ponga un 10 voy pa tu casa y me meto el alacran en el culo

[krobert151]

@mgaangel10 He estado mirando los items que hay y la api los tiene muy mal organizados, asi que lo que tengo en mente es hacer un array de 7 tipos de items mas imporntantes, estos serian, pokeballs, items de curacion, bayas, MT/MO, elixires, piedras evolutivas y algun obejto general. Todo eso pata hacer un bucle con un filtrado en el que vayamos a dar la salida de cuales se van a imprimir en los 8 modals, el octavo sería todo el exceso que no se han incluido en los 7 primeros.

[krobert151]

Pero vamos a hacer bien el figma que es la proxima entrega y ya nos encargaremos de la programación despues.

[krobert151]

Así es como quiero que quede, aunque le falta la barra lateral que deslize para abajo, esta no se oculta al clickar la pantalla como los pokemons sino al dar en el icono de regresar que está lado de la mochila, la mochila estaría bien buscarnos sprites para que esté cada bolsillo abierto dependiendo del tipo de item que hayamos seleccionado buscar, por ultimo donde en el juego original pone las unidades he puesto el precio que tienen en la tienda.

[krobert151]

@mgaangel10 te dejo por aquí las url dinamicas que tienes que poner en la páginas de items poke-ball https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/poke-ball.png

razz-berry https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/razz-berry.png

MT-01 https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/tm-normal.png

X-attack https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/x-attack.png

Moon-Stone https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/moon-stone.png

Mail https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/grass-mail.png

bicycle https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/bicycle.png

protein https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/items/protein.png

[krobert151]

@mgaangel10 procedo a darle unos retoques de programacion y limpieza de código.