DEV Community

Cover image for List of APIs to use for creating JavaScript/React App
Kritika Srivastava
Kritika Srivastava

Posted on

92 16

List of APIs to use for creating JavaScript/React App

Hello,Dev Friends.In this article I have written about a list of certain public APIs which you can use for practice as a beginner in React/JavaScript.Before starting with creating Apps in React using Public APIs,learn React basics and about fetch/axios,http requests,JSON.Learn to read the documentation of any API for its usage.

So,here goes the list:

1.Quotes API:
API Link
You can generate random quotes on clicking a button using this API.Make use of fetch and useEffect.
Github Repository
Demo

2.Currency Converter:
API Link
This API has currency exchange rates which you can use for creating currency converter app.
Github Repository
Demo

3.Robohash API:
Website-https://robohash.org/
This API is used for generating unique robot/alien/monster images by adding any text at the end of the above url.
Github Repository
Demo link

4.Random user API:
API Link
You can generate random user and his/her details by using this API.

5.Weather API:
Website-https://openweathermap.org/api
Search for weather of any city with the help of the given API.Generate your API key for usage.

6.OMDB Movie API:
Website-http://www.omdbapi.com/
Search for the movies through this API and you can also display Single movie details separately by using React Router.API key is required.

7.Covid-19 API:
API Link
Through this API you can generate Covid-19 data of different countries.
Refer to this tutorial

There are many APIs but I don't want to overwhelm someone who is starting with React/JavaScript.You can start with these APIs first for practice.

Happy Coding :)
You can follow me on Twitter and Github.

API Trace View

Struggling with slow API calls? 👀

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (10)

Collapse
 
hmble profile image
hmble

For those who dont know theres a github repository of all available public apis

github.com/public-apis/public-apis

Use them to build something awsome.

Collapse
 
codeystein profile image
codeyStein

an API to browse APIs, GENIUS

Collapse
 
atharvamistry profile image
Jaimeen Makavana

it is awesome , thanks man!

Collapse
 
crimsonmed profile image
Médéric Burlet

Missing the most important ones:
Pokemon Data (with images) pokeapi.co/
LOTR (because best text content) the-one-api.dev/
Simple Image Placeholder picsum.photos/

Collapse
 
joshuauche profile image
Joshuauche

Nice

Collapse
 
mafee6 profile image
Mafee7

I really Needed this

Collapse
 
lifesav25680171 profile image
lifesaver

Great

Collapse
 
mrdulin profile image
official_dulin
Collapse
 
bobbyiliev profile image
Bobby Iliev

Great list!

You've missed the QuizAPI 🙌

Collapse
 
bazalduadw profile image
Bazaldua

Thanks a lot! :)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay