API Resources
March 12, 2024Disponible en español
Server-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.
API List
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 |
Examples
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.
Additional Resources
Here are some additional API resources and guides:
This page was updated 15 days ago
© 2022 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.
Category: apis
All Posts
- Deploying a MERN Stack Application to Render
- Render Deployment Guide
- API Resources
- PostgreSQL Reference Guide
- PostgreSQL Installation Guide
- Deploy with Render and PostgreSQL
- How to Use API Keys
- Deploy with Render and MongoDB Atlas
- Heroku Deployment Guide
- How to Install the Heroku CLI
- The Science and Research Behind Our Unconventional Educational Approach
- Localhost Loopback Issues Troubleshooting Guide
- What Makes Up a Web Development Project?
- A Growth Mindset for Life
- Developer Resources
- Video Submission Guide
- Web Literacy
- Introduction to Computer Structure and Organization
- Advanced Computer Skills
- Introduction to Computer Skills
- HTML Cheatsheet
- MySQL Installation Guide
- MySQL Reference Guide
- How to Install MongoDB
- Using the GraphQL Playground in a MERN application
- Getting Started with Git
- Regular Expression Tutorial
- Professional README Guide
- Deploy with Heroku and MySQL
- How to Install NodeJS
- Deploy with Heroku and MongoDB Atlas
- Set Up MongoDB Atlas