vlasischar / angular-heroes

An Angular application that interacts with the Marvel Comics API

Angular Heroes

An Angular application that uses Angular Material and interacts with the Marvel Comics API. The purpose of the application is to demonstrate how to apply common Angular techniques and use some of the Angular Material components.

It provides a basic search engine over the characters and comics Marvel database. It allows to find a hero character and view information such as basic details and comics.

Setup

Clone this repo to your desktop and run npm install to install all the dependencies.

Usage

Before you start, you must acquire a developer key from Marvel Developer Portal. After you get one, replace apiKey variable in src/environments files with the newly acquired public key.

export const environment = {
  ...
  apiEndpoint: 'http://gateway.marvel.com/v1/public/',
  apiKey: '<Your public key here>'
};

Important note

In the Marvel Developer Portal you should, also, set an authorized referrer. Just set it to *.

Run ng serve to start the application. You will then be able to access it at http://localhost:4200