thiagoterleski / react-marvel-catalog

A sample React application using redux sagas with marvel API

React Marvel Catalog

This is a sample React app which demonstrates how to use the marvel API with Redux and sagas to show a list of marvel characters and a list of comic books for each character.

❗ Important ❗

Because the Marvel API limit our request to 3000 requests a day, maybe the demo page will not work depend how much users are trying to run, if you can run this demo, install this project in your machine and use your own API keys from marvel

./src/config/config.js

export const marvelApi = {
  publicKey: 'YOUR_PUBLIC_KEY',
  privateKey: 'YOUR_PRIVATE_KEY',
  baseUrl: `${window.location.protocol || 'http'}//gateway.marvel.com:80`,
}

Libs

• Redux
• Moment
• ReduxSaga
• Material UI

---

Screenshot

What it does?

This sample must provide the follow functionalities:

• A list of cards of characters loaded from the marvel API
• Each card open a dialog with a collection of comic books
• Infinite scroll integrated with API pagination

Possible implementations

• List of events
• More details for each comic book
• Any ideas?

---

Get started

$ git clone https://github.com/thiagoterleski/react-marvel-catalog
$ cd react-marvel-catalog
$ yarn install
$ yarn start

This sample was made with Create React App (more information) see the doc for requirements.