Consumer API brings together three APIs: Advice, Rick and Morty and Poke API, with features that use multiple endpoints.
"API Consumer reúne três APIs: Advice, Rick and Morty e Poke API, com features que usam vários endpoints." - Portuguese description.
Why (por que?) | Demo | How to use? (Como usar) | Tech Stack | Features | License
API: Application programming interface.
To learn how to create web applications with React that consume external APIs, with functionality to search or list numerous objects stored in each API. Knowledge of Promises, forms that send user “input” and receive API “response” using Fetch() were necessary to complete this project.
The chosen APIs were the Advice Slip API, Rick and Morty, and Pokemon (Poke API).
API: Interface de programação de aplicações.
Para aprender como criar aplicações web com React que consomem APIs externas, com funcionalidades de busca ou listagem de inúmeros objetos armazenados em cada API. Conhecimentos em Promisses, formulários que enviam “input” do usuário e recebem o “response” da API usando Fetch() foram necessários para completar esse projeto.
As APIs escolhidas foram a Advice Slip API, Rick and Morty, and Pokemon (Poke API).
🤜💥 DEMO 💥🤛
api-to-consume-demo.mp4
git clone https://github.com/rapha-developer/APIs-to-consume.gitcd apis-to-consume
npm installnpm run dev
👉 OR (Ou)
yarn installyarn dev
The server run in Localhost PORT:5173
- ✅ Discover random advice after click button. (Descubra conselho aleatório após clique no botão)
- ✅ Find advice by subject searched. (Descubra conselho pelo assunto pesquisado!)
- ✅ Discover Rick and Morty character by ID. (Descubra Rick and Morty personagem pelo ID!)
- ✅ Find Rick and Morty character by name. (Encontre Rick and Morty personagem pelo nome!)
- ✅ Choose a generation and discover all your pokemons. (Escolha uma geração e descubra todos os seus pokemons!)
- ✅ “Buy” products at PokeMart and watch your balance change as you interact. (“Compre” produtos no PokeMart e veja o seu saldo mudar conforme interage!)
- ✅ Discover pokemons by name. (Descubra pokemons pelo nome!)
- ✅ Find (Poke) Miscellaneous items by category. (Encontre (Poke) items variados por categoria!)
- ✅ Discover (Poke) Battle Items by category. (Descubra (Poke) items de batalha por categoria!)
- ✅ Find (Poke) Berries items by category. (Encontre (Poke) Berries items por categoria!)
- ✅ Discover (Poke) held items by category. (Descubra (Poke) items retidos por categoria!)