https://github.com/mudaston/react-marvel

:atom: This app interacts with the Marvel Developer Portal API to get characters, comics and information about them.
https://github.com/mudaston/react-marvel

learning marvel marvel-api marvel-characters marvel-comics marvelapp programming react reactjs reactpalette reactrouterdom reactscroll spa styled-components

Last synced: about 2 hours ago
JSON representation

:atom: This app interacts with the Marvel Developer Portal API to get characters, comics and information about them.

• Host: GitHub
• URL: https://github.com/mudaston/react-marvel
• Owner: mudaston
• Created: 2022-02-14T21:45:07.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-13T14:37:57.000Z (almost 2 years ago)
• Last Synced: 2023-03-11T19:34:17.093Z (over 1 year ago)
• Topics: learning, marvel, marvel-api, marvel-characters, marvel-comics, marvelapp, programming, react, reactjs, reactpalette, reactrouterdom, reactscroll, spa, styled-components
• Language: JavaScript
• Homepage: https://mudaston.github.io/React-Marvel/
• Size: 3.61 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :superhero: React Marvel





























































![GitHub repo size](https://img.shields.io/github/repo-size/mudaston/React-Marvel?style=for-the-badge)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/mudaston/React-Marvel?style=for-the-badge)



This app interacts with the [Marvel Developer Portal](https://developer.marvel.com/) API to get characters, comics and information about them.




## Demo

[https://mudaston.github.io/React-Marvel](https://mudaston.github.io/React-Marvel/)




## Screenshots

























## System Requirements

- [git](https://git-scm.com/)

- [NodeJS](https://nodejs.org/en/)




## Run Locally

Clone the project

```bash

  git clone https://github.com/mudaston/React-Marvel.git

```

Go to the project directory

```bash

  cd React-Marvel

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm run start

```

Open in a browser

```bash

  http://localhost:3000

```




## Lessons Learned

In this project, I learned how to work with an API (in this case is the [Marvel API](https://developer.marvel.com/)), do pagination and change page metadata.




## Additional

Sometimes the app can get the same data from the api request on the comics page, i don't know why this happens, but i checked it multiple times and really can't realize the problem. Method is the same as on the characters page and even the context is the same, so i think - it's API's problem.