cvcastano/pokemon-list

Result of the 3rd. module intermediate evaluation during the bootcamp at Adalab. Created by GitHub Classroom

Hi there 👋, I am Caro

I’ve lived in many places, travelled broadly and worked in different environments.
That might be why I am an open-minded, adaptable person who enjoys change for its opportunities and sees other opinions as new approaches.
I've studied teaching and administration and finance and, right now, I'm redirecting my professional career towards web development.
I'm currently working as a developer in Artefacto.

Wanna see my portfolio?

---

Things I am learning and tools I am using:

👩‍💻 ...Code...	🛠️ ...Tools...	📢 ...Communication...	📐 ...Design...	🐆 ...Work Methodology...	🦄 ...Other...

---

A little more about me:

const Caro = {
😄 pronouns: "she" | "her",
🤹🏼 softSkills: ["perseverance", "empathy", "sense of humour", "resilience", "adaptability"],
    }

Artefacto.push(new Developer("Caro Castaño"));

---

Some of my projects:

Look Like Loop Cards. Responsive app to make interactive customizable business cards. Refactoring of code, JavaScript to React, and development of my very first server. Based on a fully functional project with legacy code.

Tree Huggers Cards. Responsive app to make interactive customizable business cards. Developed with JavaScript.

Rick & Morty Characters Finder. Responsive app with a list of Rick & Morty characters, which can be filtered by its characteristics. Developed with React.

Anonymous Proxy. Responsive web designed with HTML5 y CSS3.

BEcodeTIFUL. Responsive web designed with HTML5 y CSS3 with which we introduce ourselves as a team into the world of development.

---

Certifications

Front-end Developer at

---

GitHub Stats:

---

📫 How to reach me:

---

📑 References:

• The powerful Shields.io API and website.
• Emojis from Emojipedia.
• Icons from SimpleIcons.
• Anurag Hazra for info about the stats.

pokemon-list's Issues

Code review

Buen trabajo @cvcastano !

Algunas pistas para acabarlo:

• Como sugerencia general, comprueba continuamente tu aplicación en Chrome y el terminal dónde arrancas la app con npm start. Si algo falla, hay que arreglarlo antes de continuar.
• Usa el estado de App.js para guardar los datos.
• Cuando uses el hook useState si no usas la función setLoQueSea bórrala.
• Elimina los constructores vacíos que no solo tienen dentro el super(...) ya que no aportan nada.
• En App.js usa los datos guardados en el estado para pasárselos al componente PokeList.
• Utiliza el nombre del Pokemon para el Alt de la imagen
• Usa el id de cada pokemon en el li para el key de react cuando mapeas y creas un listado de componentes
• Añade estilos usando un archivo sass o css por componente.
• Usa propTypes para comprobar el tipo de dato de las props
• Indenta el código

Cuando tengas esto si quieres puedes:

1. Añadir un click a Pokemon que: marca o desmarca el pokemon como favorito en el array del estado de App.
2. Pasar este dato al componente Pokemon por props
3. Pintar Pokemon con otros estilos cuando por props nos llegue la info de que el pokemon es favorito

Si tienes cualquier duda, avisa!

Al turrón!!!