HeroHunter

Investigate the Marvel API database to find out more about your favorite Marvel Heroes and Villains

PLay this while browsing for the full experience: https://www.youtube.com/watch?v=rJDxpchqyqE

Hero Hunter is a front-end, interactive React Application that uses the Marvel Comics API to explore the MCU at a glance. In addition to browsing your favorite characters and comics from the Marvel Universe, You will be able to invent your own superhero using the Create-Your-Own-Hero function next to the glossary. Don't let your dreams be dreams, Be a Hero-Hunter!

//Link to deployed Project: marvelherohunter.surge.sh

This is the wireframe for my homepage which routes to.. The Glossary.. And The hero creation screen! Here is a brief overview of my componeent heirarchy:

//Code Snippet:

render() { return ( <>

Hero Hunt Home Create A Hero

          <Route exact path="/" render={Homepage}/>

          <Route path="/glossary" render={()=>
          <>
          <HeroSearch
          handleChange={this.handleChange}
          handleSubmit={this.handleSubmit}
          />
          <RenderHeroes
          hero={this.state.hero}
          />
          </>
          }/>

          <Route path="/create" render={()=>
          <>
          <NewHeroForm
          handleChange={this.handleChange}
          handleSubmit={this.handleSubmit}
          />
          <RenderCustom
          name={this.state.heroName}
          description={this.state.description}
          image={this.state.image}
          />
          </>
          }/>

      </div>


  </div>
  <Footer />
  </>
);

} }

//User Stories: Don't be limited by your imagination. Don't just be a part of the marvel universe. Live it.