https://github.com/erickdc7/rickmorty-api-02
Consumo de una API con React
https://github.com/erickdc7/rickmorty-api-02
api react responsive-design rick-and-morty rickandmortyapi tutorial-code
Last synced: 6 months ago
JSON representation
Consumo de una API con React
- Host: GitHub
- URL: https://github.com/erickdc7/rickmorty-api-02
- Owner: erickdc7
- Created: 2023-01-20T17:14:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-19T19:16:21.000Z (almost 2 years ago)
- Last Synced: 2023-12-20T12:42:21.057Z (almost 2 years ago)
- Topics: api, react, responsive-design, rick-and-morty, rickandmortyapi, tutorial-code
- Language: JavaScript
- Homepage: https://erickdc7.github.io/rickmorty-api-02/
- Size: 3.93 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rick and Morty API
This design is inspired by the work of [Joy Shaheb](https://www.youtube.com/@JoyShaheb). Click [here](https://youtu.be/35QCQnohLg8?si=N_HZBDxinHVXTh3P) to watch the video.
## Technologies
This web page was made with the following technologies:
- HTML5
- CSS3
- JavaScript
- SASS
- Bootstrap
- React
- React Router
- React Paginate
- GH-pages
## Pages
This project contains 3 sections: **Characters**, **Episodes** and **Location**.
### Characters
#### In this view, characters from 'Rick and Morty' are displayed. A search bar is available for users to find their desired character. Additionally, a filter section is located on the right side, allowing users to filter characters by status (alive, dead, or unknown), species type, and gender. At the bottom of the page, a pagination feature is provided, enabling users to navigate to the next page and load more characters.
### Episodes
#### In this alternate view, characters from the selected episode of ‘Rick and Morty’ are showcased. An episode selection feature is conveniently located on the right side. Upon choosing an episode, the characters featured in that specific episode will be loaded and displayed.
### Location
#### In the location view, characters associated with the selected location are showcased. An interactive feature on the right side allows users to select an episode. Upon selection, characters from the chosen episode who are associated with the selected location will be displayed.
