API Resources
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:
- reddit API
- Youtube API
- Soundcloud
- Wikipedia
- Rotten Tomatoes
- flickr
- Pinterest API
- Google Custom Search API
- Tumblr API
- Marvel API
- GeoNames API
- OMDB
- Zillow
- Open Street Maps
- Google Maps
- Giphy
- JSFiddle
- Bitcoin Charts
- StackExchange API
- ProPublica NonProfit API
- MusiXMatch
- Words API
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:
- Simple APIs without authentication
- ProgrammableWeb API Directory
- JSFiddle
- Building a Simple Reddit API Webapp using jQuery
- List of current representatives and senators from GovTrack.us
- Giphy API Quickstart Guide
Source: The Coding BootCamp