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"}, -
MVP:
- Heroes & Villains Search Bar - Return biography page
- Random Hero/Villain of the Day
-
Post-MVP:
- Superhero Battle - Compare two characters powersets to see who will win!
- Top 10 Heroes/Villains
- Related movies/tv shows
- Comic Con links/appearances
- 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