Skip to content

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.

Notifications You must be signed in to change notification settings

ifeasome/Marvel-Cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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:
Demo

Credits

  1. Marvel Hero Application Programming Interface
  2. Deezer Music Application Programming Interface
  3. Responsive Module: Pure CSS
  4. Jquery JavaScript Library

Badges

JavaScript
CSS
HTML

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

License

© 2020 Eugenio Espinoza
© 2020 Vincent Favorito
© 2020 Jackie Galindo
© 2020 Somelina Obiechina
© 2020 Adrian Pinon

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages