lukecp5 / marvel-library

Finally there is a way to find out more about your favorite Marvel Comic Universe characters. We’ve built an application that sorts through all of Marvel’s data to bring you the important information you’ve been searching for, all in one app. Our application details who the character is, their powers, and even where to find their comics for sale.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Marvel Library


Logo

An Awesome Marvel Library!


View Demo · Report Bug ·

Table of Contents
  1. About The Project
  2. Getting Started
  3. MVP Features
  4. Future Features
  5. Contributors
  6. Links

About The Project

Screenshot of deployed application

Hi, we are team Marvel Library (Luke Poirrier, Colin Etchenm, James Li, Ehsan Khosravi). We all came from different backgrounds to create a project for fans of Marvel. We came together to form a team for our first project. We all learned a lot throughout the process, especially how to work on a team with other developers. We decided to build an application that allows the user to find out more about their favorite characters.

Motivation for development:

  • We would like to offer a application for people who would like to know and learn about each marvel character.

Built With

  • HTML
  • JavaScript
  • CSS
  • Materialize
  • Marvel API
     https://gateway.marvel.com:443/v1/public/characters?nameStartsWith=Spider-Man&orderBy=name&apikey=c1847813d0c19807d9ed43f48afc4f36
     https://gateway.marvel.com:443/v1/public/comics?format=comic&titleStartsWith=spider&apikey=c1847813d0c19807d9ed43f48afc4f36
  • imdb API
     https://imdb-api.com/en/API/SearchMovie/k_raxvufjs/

Getting Started

User Story

  • AS A Comic Book Reader
  • I WANT TO find more information about my favorite characters
  • SO THAT I can learn about their history, their powers, and other information about them

Tasks

  1. Build out the frame of the user interface(header, containers, script imports, style imports, etc.)
  2. Get a list of marvel characters and make an array containing them(10+)
  3. Use JavaScript on the main page to gather data from the Marvel and IMDB APIs about the character's movies, thumbnail, and statistics when selected from the dropdown menu
  4. Build a click handler for the button below character stats, so that when the user clicks it, they are taken to that specific characters page
  5. Add a link to the characters wiki when clicked
  6. Create a template and use the Marvel data to populate the data for the selected character when a user navigates to the character page
  7. On the character page, dynamically generate cards for randomly selected comics from the character with a description, title, and link to buy it on Ebay

MVP Features

  • Thumbnail of character
  • Description of character(From Marvel or Wikipedia)
  • Characters origin year
  • List of comics including character
  • Find each comic on Ebay
  • Link to the Wikipedia page for the character
  • Link to the Marvel Wiki page for the character

Future Features

  • See accompanying heroes from the characters stories
  • Click on comic to search for it on Ebay
  • Search OMDB for movies involving character
  • Populate random character every time you load the app
  • Add less known characters for people to learn about
  • Find youtube videos involving the character
  • Theme based on favorite characters
  • Have a list of your favorite characters

Contributors

Links

License

This application is licensed under the MIT License, you can find the full license information here

About

Finally there is a way to find out more about your favorite Marvel Comic Universe characters. We’ve built an application that sorts through all of Marvel’s data to bring you the important information you’ve been searching for, all in one app. Our application details who the character is, their powers, and even where to find their comics for sale.

License:MIT License


Languages

Language:JavaScript 54.6%Language:HTML 43.0%Language:CSS 2.3%