Skip to content

vlasischar/angular-heroes

 
 

Repository files navigation

Angular Heroes

Open in Visual Studio Code

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.

Preview

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

About

An Angular application that interacts with the Marvel Comics API

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.5%
  • HTML 7.4%
  • JavaScript 3.5%
  • CSS 1.6%