API Projects for Web Development

Hello guys today i want to show you some API's which we can use to create web apps with API's and understand the concept of API's in a much better way.

What is API?

API stands for Application Programming Interface and it is medium or mechanism that enable two software components to communicate with each other using a set of rules.

REST API's -

This is the most popular and flexible API's found on the web. It works on client-server architecture , the client sends a request in the form of data to the server and server responds back in the form of response after doing internal functions of server like finding the data in the database, checking validations and security etc.

API's to practice for Web development-

1.Spooncular API -
It is an API related to food data like ingredients,recipes,steps to cook,protiens,vitamins,etc.

Source - https://spoonacular.com/food-api
Example Project - https://e-recipes.netlify.app/

1. Wikipedia API - This api data directly from api and also provides a link to the page that have the complete information of that topic.

API - https://en.wikipedia.org//w/api.php?origin=*&action=query&format=json&list=search&utf8=1&srsearch="YOUR_QUERY"

NOTE - Copy this api and change the "YOUR_QUERY" with anything you want or make it dynamic with HTML input tag

Example Project - https://knowledge-earth2k99.netlify.app/

1. Unsplash API - This api fetch images directly from the Unsplash Website , a website that provides High quality images for free.

Source - https://unsplash.com/developers
Example Project - https://waadu-image-downloader.netlify.app/

1. Open Weathe API - It is an api which provides data related to weather forecasts. It has a free version but limited number of Api calls per day.

Source - https://openweathermap.org/api

1. Pokemon Api - This api fetch data about the pokemon's and it is playfull api and can be usefull to learn the concept of API's data fetching.

Source - https://pokeapi.co/

Thats it for this post.
THANK YOU FOR READING THIS POST AND IF YOU FIND ANY MISTAKE OR WANTS TO GIVE ANY SUGGESTION , PLEASE MENTION IT IN THE COMMENT SECTION.
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/javascript-map-with-filter-2jgo

https://dev.to/shubhamtiwari909/e-quotes-3bng

https://dev.to/shubhamtiwari909/deploy-react-app-on-netlify-kl