Marvel Characters Catalog

A catalog of Marvel characters created with React/Redux and the Marvel API. You can browse through more than 1000 marvel characters, search by name, or filter them by some of Marvel's important events. For each character, you can get a short description, latest series, and events.

Screenshots

Live Version

https://fbc-marvel-catalog.herokuapp.com/

Running the project

To get a local copy use this command on your terminal:

`git clone git@github.com:ferbaco86/marvel-catalog.git`

Adding Keys

Marvel API

Create a .env file on the root of your project and add your own Marvel public API key to the file. You can request one here MARVEL API


REACT_APP_API_KEY = WRITE YOUR PUBLIC MARVEL API KEY HERE

Add your domain to your authorized referrers in your Marvel Developer Account

Then run

`npm install`

Now in the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm run build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

`npm test`

Run the tests included in the project

Technologies Used

React.js
Redux
HTML
CSS
Create-React-App
Marvel API

Potential Features

Add more events to the filter dropdown
Include more information on the character webpage

Contributors

👤 Fernando Bahamondes

Github: @ferbaco86
Twitter: @ferbac0
LinkedIn: fernando-bahamondes

Acknowledgements

MARVEL for providing all the information and awesome characters