App Description:
Heroes & Villains provides a database full of your favorite superheroes and comic book villains. You can find your favorite hero or villain, see their stats, discover new heroes and villains through a random generator, and battle your favorite heroes and villains.

API: https://superheroapi.com/api/access-token\ Superhero API - Characters, Powerstats, Biography, Connections, Images

• API Snippet:
  { "response": "success",\
  "results-for": "superman",
  "results": [
  {
  "id": "195",
  "name": "Cyborg Superman",
  "powerstats": {
  "intelligence": "75",
  "strength": "93",
  "speed": "92",
  "durability": "100",
  "power": "100",
  "combat": "80"
  },
  "biography": {
  "full-name": "Henry Henshaw",
  "alter-egos": "No alter egos found.",
  "aliases": [
  "Grandmaster of the Manhunters",
  "Herald of the Anti-Monitor",
  "Alpha-Prime of the Alpha Lanterns"
  ],
  "place-of-birth": "-",
  "first-appearance": "Adventures of Superman #466 (May, 1990)",
  "publisher": "DC Comics",
  "alignment": "bad"},

• Wireframes:
  

• MVP:

  1. Heroes & Villains Search Bar - Return biography page
  2. Random Hero/Villain of the Day

• Post-MVP:

  1. Superhero Battle - Compare two characters powersets to see who will win!
  2. Top 10 Heroes/Villains
  3. Related movies/tv shows
  4. Comic Con links/appearances
  5. User Selected Hero/Villain CSS Theme

• Goals:

  • Day 1: HTML Template, Javascript API Connection, Search & Biography Page Templates
  • Day 2: Javascript
    * DOM Creations for Superhero Bios
    * Random Hero/Villain of the Day
  • Day 3: Superhero Battle Javascript
    * Use Javascript to pull in Powerstats & Image
    * Compare Powerstats between the two to determine winner
    * Show winner
  • Day 4: CSS - Finalize CSS
  • Day 5: Finalize any design/code issues
    * Build in Bonus Material if possible

• Priority Matrix:
  

• Timeframes: