const Projects = ({ github_repos }) => {


return (


{/* MONSTERS ROLODEX */}

Searchable rolodex of monsters built in React (Advanced)

CSS3 Badge HTML5 Badge JavaScript Badge React Badge
Screenshot of Monsters Rolodex

💼 About this project


  • Use the search box to find the Monster you'd like to contact
  • View their contact card to see their image and email address.

This project is similar to the RoboFriends Rolodex project, but in this project I used functional components instead of class-based components as well as hooks.


🧠 What I learned


  • How to write functional components
  • How to use hooks (useState and useEffect)
  • Practiced breaking down components, passing down props, and using event listeners to handle state changes

)


}


export default Projects;