| [ Web Proxy ] |
| Viewing: https://coding-boot-camp.github.io/full-stack/apis/api-resources | [Back] [Original] |
The Full-Stack Blog
DeepServer-side APIs allow developers to access data that companies and organizations provide through URLs, or endpoints. Developers can create applications that make requests to these endpoints, which respond with the requested data. Developers can then use this data in their own applications.
However, when you're building an application that only has a front end, you can only use APIs that don't require CORS. Cross-Origin Resource Sharing, also known as CORS, is a mechanism that allows a server to restrict which other origins other than its own are permitted to load resources.
For security reasons, browsers restrict cross-origin requests initiated from scripts. For example, the Fetch API follows the same-origin policy, which means that a web application can only request resources from the same origin the application was loaded from unless the response includes the right headers.
Therefore, when you're building a front-end application, you will need to use APIs that don't require CORS.
Here is a list of free APIs that don't require CORS:
| Name | Allows CORS | Authentication Method | Authentication Required |
|---|---|---|---|
| reddit API | yes | auth | yes |
| Youtube API | yes | API key | yes/no |
| yes | API key | yes | |
| Soundcloud | yes | API key | yes |
| Wikipedia | yes | n/a | n/a |
| Rotten Tomatoes | yes | API key | yes |
| flickr | yes | oauth | yes |
| Pinterest API | yes | oauth | yes |
| Google Custom Search API | yes | API key | yes |
| Tumblr API | yes | oauth | yes |
| Marvel API | yes | API key | yes |
| GeoNames API | yes | username | yes |
| OMDB | yes | n/a | n/a |
| Zillow | no | ID | yes |
| Open Street Maps | yes | n/a | no |
| Giphy | yes | API key | yes |
| JSFiddle | yes | n/a | n/a |
| Bitcoin Charts | yes | n/a | n/a |
| StackExchange API | yes | oauth | yes |
| ProPublica NonProfit API | n/a | n/a | no |
| MusiXMatch | Yes | API Key | Yes |
| Words API | Yes | Token | No |
Here are some examples on how to use the APIs using JSFiddle. Open the link in a new tab and then open the console to view the responses.
Here are some additional API resources and guides:
This page was updated 2 months ago
2022 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.
Category: apis
| Web Proxy Viewer | New URL | Original Page |