04 Fetch data from `rickandmortyapi`

[github-actions[bot]]

Description

After creating the first page, we want now to fetch the data from the rickandmorty API and render the result (the characters) here.

ToDos

• [x] move this issue in the board from ToDo tab into In Progress tab
• [x] create a new branch locally
• [x] fetch the rickandmorty API (only fetch the first 20 characters)

  https://rickandmortyapi.com/api/character

• [x] display the result on the page
• [x] commit everything
• [x] push everything to the remote repo on GitHub
• [x] create a pull request
• [x] write a meaningful pr message that contains what happened in the pull request
• [x] ask for a review from your colleagues
• [x] after review merge into main
• [x] move this issue in the board from In Progress tab into Done tab
• [x] close this issue

[JannikUekoetter]

Fragen:

• Wie ziehe ich das IMG aus der API?

• Ist List das richtige Format für die Darstellung der Inhalte der API?

• Wird die Darstellung im Anschluss über das CSS geregelt? Also z.B. Darstellung als Grid?

• @cosinushh vielleicht kannst du das hier ja sehen wenn ich einen Pull Request erstelle?

[kai-franke]

Sorry, sehe jetzt erst diese Fragen.

IMG aus API: Wenn Du über Deine Characters magst, dann kannst Du auch noch das Prop „image“ übergeben. „image“ kommt als String, den Du in der Card Komponente dem img-Tag als ’src’ gibst (src={image}).

List für die Darstellung: Ja, eine ul als Container und dann li-Elemente als Cards wäre semantisch wahrscheinlich ideal.

Darstellung per CSS: Das kannst Du beispielsweise in den styled-components machen.

Am 30.09.2022 um 19:24 schrieb Jannik Uekötter @.***>:

Fragen:

Wie ziehe ich das IMG aus der API?

Ist List das richtige Format für die Darstellung der Inhalte der API?

Wird die Darstellung im Anschluss über das CSS geregelt? Also z.B. Darstellung als Grid?

@cosinushh https://github.com/cosinushh vielleicht kannst du das hier ja sehen wenn ich einen Pull Request erstelle?

— Reply to this email directly, view it on GitHub https://github.com/JannikUekoetter/react-and-morty/issues/4#issuecomment-1263825149, or unsubscribe https://github.com/notifications/unsubscribe-auth/ARE5ODP447WV2EQKDIYBHJTWA4O3FANCNFSM6AAAAAAQYYVUZM. You are receiving this because you were mentioned.