API Resources
May 28, 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 2 months ago
© 2022 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.
Category: apis
All Posts
- OpenAI Account Setup Guide
- NodeJS Installation Guide
- PostgreSQL Reference Guide
- GitHub Copilot Guide
- PostgreSQL Installation Guide
- Deploy with Render and PostgreSQL
- API Resources
- Render Deployment Guide
- Deploying a MERN Stack Application to Render
- Deploy with Render and MongoDB Atlas
- The Science and Research Behind Our Unconventional Educational Approach
- What Makes Up a Web Development Project?
- Localhost Loopback Issues Troubleshooting Guide
- Video Submission Guide
- A Growth Mindset for Life
- Web Literacy
- Developer Resources
- Introduction to Computer Structure and Organization
- MySQL Installation Guide
- HTML Cheatsheet
- Advanced Computer Skills
- Introduction to Computer Skills
- How to Use API Keys
- How to Install MongoDB
- MySQL Reference Guide
- Heroku Deployment Guide
- Getting Started with Git
- Using the GraphQL Playground in a MERN application
- Professional README Guide
- Regular Expression Tutorial
- How to Install the Heroku CLI
- How to Install NodeJS
- Deploy with Heroku and MySQL
- Deploy with Heroku and MongoDB Atlas
- Set Up MongoDB Atlas