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

🧑‍🎓 Why?

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

🤜💥 DEMO 💥🤛

api-to-consume-demo.mp4

🖥️ To use

1. Clone and open this project

---

1.1 Clone this repository (Clone este repositório)

  git clone https://github.com/rapha-developer/APIs-to-consume.git

1.2 Go to the project directory (Vá para o diretório do projeto)

 cd apis-to-consume

2. Install dependencies and start the server with NPM

---

2.1 Install dependencies with NPM

  npm install 

2.2 Execute application with NPM

  npm run dev

👉 OR (Ou)

2. Install dependencies and start the server with Yarn

---

2.1 Install dependencies with Yarn

  yarn install

2.2 Execute application with Yarn

  yarn dev

The server run in Localhost PORT:5173

⚡ Tech Stack

⚒️ Features

✅ 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!)

📝 License

License MIT