Skip to content

A website to search for characters from the Marvel universe that will display useful metadata and descriptions along with animated gifs. User Story As a comic nerd. I want the rundown of my favorite characters accompanied by a cool gif. So I can learn more about the marvel universe in a pleasing UI.

stephenlprice/marvel-basement

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MARVEL BASEMENT

Hulk


Overview

A website that searches for characters from the Marvel universe, displaying useful metadata and descriptions along with animated gifs.


👤 User Story:

As a comic nerd.
I want the rundown of my favorite characters accompanied by a relevant gif.
So I may learn more about the marvel universe in a pleasing UI.


screenshot

🔭 Usage

When the user arrives on the website they have the option to search for a character in the search bar or choose from a list of popular characters at the bottom of the page. To launch a search, type in the name of a character and click the search icon or hit 'enter'. The page will populate with the character's name and thumbnail as well as a count of the comics, series, stories and events they appear in.

A gif relevant to the character, and a brief description is also displayed. The same functionality occurs when a user selects an option from the 'Popular Characters' list.

Once searched, the character will appear in the favorites dropdown menu for future reference. On smaller devices, Popular Characters can be swiped from a side bar on the lefthand side. Searches are stored locally for improved performance and to avoid API calls.

You can try this experience yourself here.


🔧 Specifications

APIs

CSS Framework

Libraries

Tool Kits

Others


Made with ❤️ by:

Stephen Price

Dave Threlkeld

Jose Cordova

About

A website to search for characters from the Marvel universe that will display useful metadata and descriptions along with animated gifs. User Story As a comic nerd. I want the rundown of my favorite characters accompanied by a cool gif. So I can learn more about the marvel universe in a pleasing UI.

Resources

Stars

Watchers

Forks

Languages

  • HTML 45.1%
  • JavaScript 43.7%
  • CSS 11.2%