Create a web app that lists Rick and Morty characters based on this API: https://rickandmortyapi.com/documentation/#graphql.
Use SEO-friendly page slugs. E.g. /profile/24-rick-sanchez
Includes:
- List 20 characters per page
- Have pagination. Limit the number of shown pages in the pagination. E.g.
1, 2, 3, ..., 30, 31, 32 - Each character should have a card
Includes this information about a character:
- image
- name
- status - a badge next to the name that its colour corresponds to:
- green when status=Alive
- red when status=Dead
- grey when status=unknown
- a link to the character's profile
Is accessible on this route: /profile/%character_id and include this information in addition to the card:
- species
- type
- gender
- location name
- backlink to the homepage
A search box is present on all pages. Added auto-complete functionality to the search box.
After the user submits the search query, user gets redirected to this route: /search?q=%s
Showed a list of the last 10 visited profiles in the footer of all pages.