Marvel-Heroes Card Maker

Utilising two server side API, this application creates a Marvel Hero Card displayed on a HTML5 web browser with a thirty-second (30) soundtrack included.

User Story

As a user, I want to be able to search for Marvel characters alphabetically, by comic name or by superhero name. So that I can make a card by clicking on the picture of a super hero and have a soundtrack played to me on the same card.

Acceptance Criteria

This app meets the following criteria:

I am given three search criteria to search for super hero characters
When I click on the picture of a super hero, I am given the option to make a card from my selection
After I make my selection, my super hero card is displayed showing the character chosen and a soundtrack generated from the character chosen
On refresh of the web browser, I am shown all my previously made super hero cards.

Mock-up

The following animation demonstrates the functionality of the application:

Credits

Marvel Hero Application Programming Interface
Deezer Music Application Programming Interface
Responsive Module: Pure CSS
Jquery JavaScript Library

Badges

Tests

To test this application, run it on any HTML5 supported browser and follow demonstration from demo display. LiveLink

Contributors

EugenioEspinoza
Adrian Pinon
Jackie Galindo
Vincent Favorito
Somelina Obiechina

Future Developments

Add animations to card created
Allow users to create super hero team cards as well as individual super hero cards
Allow for card making competitions
Assigning value to each card made for competition
Determine the winner of each battle and put up on a leader board
Allow user to change each song for cards made

ifeasome/Marvel-Cards