Marvel Comics API demo

This application uses the Marvel Comics API to search Marvels' extensive comic book database. Type the name of a Marvel character or team into the search box and select from the dropdown list. Then click on a comic book to show details. Click on the character thumbnail or comic book cover to open a lightbox with the full size image. Note, searching for Spiderman will return nothing. It's spelled "Spider-Man", with a hyphen. But you knew that. :)

It uses AngularJS's awesome two-way data binding, AngularUI for the typeahead GUI widget (and Bootstrap-like responsive design) and the angular-bootstrap-lightbox widget.

{{character.name}}

{{character.description}}

Links:

• {{url.type | capitalize}}

Comics ({{comicsTotalItems}}):

Synopsis:

{{comic.description}}

Issue number:

{{comic.issueNumber}}

Page count:

{{comic.pageCount}}

Price:

{{(comic.prices | filter : {type: 'printPrice'} : true)[0].price}}

Date:

{{(comic.dates | filter : {type: 'onsaleDate'} : true)[0].date | limitTo : 10}}

Creators:

• {{creator.name}} ({{creator.role}})

URLs:

• {{url.type | capitalize}}

Event title: {{event.title}}