Marvel API Browser uses Marvel Developer API to get character information.
- Node.js
- Semantic UI
- Express
- EJS
$ git clone https://github.com/alieksi/marvel-api-browser.git
$ cd marvel-api-browser
$ npm install
After npm install
, enter your Marvel Comics API public and private keys to app.js
file.
const marvelAPI = new MarvelAPI('PUBLIC KEY', 'PRIVATE KEY');
To run project:
$ npm start
- Getting character information from Marvel Developer API.
- Connected to Marvel API and got character information.
- Controller is added for handling API response.
- Created API Router for character requests.
- Show character information on UI.
- UI events are added to get information based on user input.
- Add loader to block UI when getting information from API.
- Control user input and give proper error message on modal.
- Show all character list on UI.
-
Filtering character information according to specific properties. - Add click event to search result for showing detailed information about character.
- Add key('Enter') event to search character.
- Create pagination for search results.
Data provided by Marvel. © 2019 MARVEL