DEV Community

loading...
Cover image for Great Beginner Friendly API's To Start Practicing Frontend Development πŸ§‘β€πŸ’»

Great Beginner Friendly API's To Start Practicing Frontend Development πŸ§‘β€πŸ’»

Chris Hansen
Hey there πŸ‘‹ I'm Chris. I Create fast, modern, client-side facing websites with technologies like React and Javascript. Also follow me on Twitter and IG ✌️
・Updated on ・3 min read

UPDATE:
I have updated my list of beginner friendly APIs.
Check out numbers 9, 10 and 11 on the list! πŸ”₯


Every beginner has been there. Once you really start to get efficient at HTML, CSS and Javascript, it's only a matter of time before you want to start playing with real-life data.
There are so many ways developers can manipulate data to make really cool and beautiful websites.

This is my list of low barrier to entry Rest API's to get you started! πŸ’―


1. JSONPlaceholder

JSONPlaceholder provides a restful API to a wide variety of resources.

  • Posts
  • Comments
  • Albums
  • Photos
  • Todos
  • Users

2. Fake Store API

The Fake Store restful API provides the most important resources when you are trying to build you first mock e-commerce store.

  • Products
  • Cart
  • Users
  • Login Token

3. Unsplashed API

The Unsplashed restful API may live up to it's catchphrase as the "The most powerful photo engine in the world." What you'll have available to you:

  • Over 3 million photos
  • Search photos by keyword
  • Search random photos
  • Multiple datasets

4. Quotes API

The Quotes rest API provides a wide variety of different quotes and types of quotes, like:

  • Quote of the day
  • Quotes by categories
  • Randomly selected quotes
  • Quotes by Authors
  • Quotes by popularity

5. NASA API

One of my personal favorites, and one I believe will truly get the inner geek's imagination running wild. The Nasa restful API provides multiple resources like:

  • APOD ( astronomy photo of the day)
  • Astroid NeoWs ( near earth object web services)
  • Insight ( mars weather services )
  • Nasa Image and Video Library
  • And so much more!

6. SpaceX API

How about the worlds most popular space company, SpaceX! This restful API offers a variety of cool rocket details like:

  • Rockets
  • Rocket launches
  • Core
  • Starlink
  • Launchpad
  • Landing pad data

7. Coingecko

The Coingecko API is my go to resource for all things crypto. There are many out there, but this is the easiest hands down. Requires no api key, it's free, great for side projects! It provides multiple endpoints:

  • Coin price
  • List of all coins
  • Markets
  • Tickers
  • Price history
  • Market charts
  • Rage in prices
  • Contracts
  • Trading platforms
  • Exchanges and more!

Thanks to izaias πŸ‘

Boa noite, Γ³timo trabalho.
Vc teria ai em sua pesquisa api para moedas virtuais seria de grande valia.
Obrigado e parabΓ©ns πŸ˜€


8. OpenWeatherMap

The OpenWeatherMap restful API is a beloved resources for developers as well as my personal favorite, due to its simplicity. It does require an API key, but don't let that discourage you. Simply append your API key to your endpoint, and you're set. Get weather data the way you prefer:

  • by City name
  • by State code
  • by Country code
  • by Zip code
  • by Rectangular zone of geographic coordinates
  • by Circular zone of geographic coordinates
  • Multiple units of measurements
  • Icons included

Thanks to Felipe Panegalli πŸ‘

Great Post. If will you be like to add a new API... Wheater API (classic ) :D.


9. RandomUser

The random user API is an absolute must for beginner developers! Quickly prototype new concepts or designs with instant access to random users! Comes with all the data you need too:

  • Name
  • Email
  • Birthday
  • Address
  • Country
  • Phone
  • Company title and more!

10. SWAPI

Who doesn't sci-fi!? Proud geeks should appreciate this one. The Star Wars API has all the data you can possibly want from your favorite Star Wars characters. Get data like:

  • Planets
  • Spaceships
  • Vehicles
  • Films
  • Species
  • Home planets
  • Date of Birth and so much more!

11. PokeAPI

Pokemon is just as relevant to me as ever! Get instant access to the very easy to use restful Pokemon API. Get your fix of Japanese anime culture and get all the data you need on your favorite pocket monsters like:

  • Types
  • Abilities
  • Forms
  • Species
  • Stats and more!

Conclusion πŸ‘

That's it for Great Beginner Friendly API's To Start Practicing Frontend Development! 😎 Without a doubt these very beginner friendly API's will get you inspired to publish your next app to share with the world!

Let me know what you think and hit me up on Twitter and Instagram

Also check out some of my other articles on productivity and react!

Discussion (31)

Collapse
nicolasg02 profile image
nicolasg02

Thank you for the recommendations!
May I ask a dumb question? How do I make use of features like registering a user, login, add an item to a cart, login tokens, etc?

I know how to retrieve data from an api I've done it before but that's it, I don't know how to interact with anything else.
Do you have any blog tutorial or video that could help me?

Collapse
hyggedev profile image
Chris Hansen Author

Not a dumb question at all! Giving users the ability to register, login, favorite things, save things etc are a big part of a developers job! I would highly recommend looking up firebase( very beginner friendly!), utilizing google, or another great option would be Magic links! πŸ’―πŸ‘Œ Thank you for dropping by!

Collapse
hyggedev profile image
Chris Hansen Author

Id also like to mention, there have been a few people who have asked somewhat similar questions, so I think I'ma set a goal of making a blog tutorial on firebase! I don't want to promise anything, but be on the look out! Thanks again.

Thread Thread
nicolasg02 profile image
nicolasg02

Thank you for your time and recommendations, I'll take a look at firebase!

Collapse
liyasthomas profile image
Liyas Thomas

If you'd like to try an open source { free } alternative to test APIs, try Hoppscotch - API request builder for web : hoppscotch.io

GitHub logo hoppscotch / hoppscotch

πŸ‘½ Open source API development ecosystem https://hoppscotch.io

Collapse
hyggedev profile image
Chris Hansen Author

Nice! Thanks for dropping by and sharing! πŸ’―

Collapse
emmanuelchucks profile image
Emmanuel Chucks

These are great, never knew about the SpaceX API

Collapse
hyggedev profile image
Chris Hansen Author

It's super fun to dive into all that SpaceX data. IDK, for me I feel like I appreciate spaceX that much more 😎

Collapse
emmanuelchucks profile image
Emmanuel Chucks

Can't agree more

Collapse
ldobreira profile image
Luis Paulo Dobreira

Chris Hansen check out Free-To-Play Games Database API: freetogame.com/api-doc

ItΒ΄s really easy to use, without limitations, and no keys or accounts required.

Collapse
hyggedev profile image
Chris Hansen Author

Hey there, thanks for dropping by πŸ’―
Thanks for your suggestion! It looks pretty damn cool. The moment I have some time I'll no doubt check it out πŸ‘

Collapse
ldobreira profile image
Luis Paulo Dobreira

Sweet! See you around! πŸ‘

Collapse
john_k_phillips profile image
John Phillips

Oooh, I like the idea of the JSON Placeholder! Thanks.

Collapse
hyggedev profile image
Chris Hansen Author

It's awesome!!!! 😎

Collapse
felipepanegalli profile image
Felipe Panegalli

Great Post. If will you be like to add a new API... Wheater API (classic ) :D.

Collapse
stuartcmd profile image
Stuart

Thanks, Chris!

Collapse
hyggedev profile image
Chris Hansen Author

🀜 πŸ’―

Collapse
davidforer profile image
David Forer

Thanks for putting this together. Now off to build something!

Collapse
hyggedev profile image
Chris Hansen Author

That's the idea! πŸ’― Was really hoping people would be inspired by the APIs! Kind of like how some developers end building gigantic projects simply because of a mock design! Essentially, the API before the need for an API, or the design before a business idea!

Collapse
samuelnarciso28 profile image
Samuel Narciso

Thanks for sharing :)

Collapse
hyggedev profile image
Chris Hansen Author

Thanks for dropping by! ✌️ πŸ™Œ

Collapse
a89529294 profile image
Albert Chang

Great resources! Thanks for sharing.

Collapse
hyggedev profile image
Chris Hansen Author

Your def welcome! Thanks for stopping by! Happy coding! πŸ’―

Collapse
tolentinoel profile image
Ellaine Tolentino

These are great! Definitely needed for code newbies like me! Thank you for sharing!

Collapse
hyggedev profile image
Chris Hansen Author

Lots of projects to build! Thanks for dropping by!

Collapse
afikode_emma profile image
Afikode Olusola Emma

Thank you for the post. I will definitely check out all the listed API's, especially the NASA API's.

Collapse
hyggedev profile image
Chris Hansen Author

Thanks for dropping by! You won't regret it. Lots of cool resources there πŸ’―

Collapse
shadowruge profile image
izaias

Boa noite, Γ³timo trabalho.
Vc teria ai em sua pesquisa api para moedas virtuais seria de grande valia.
Obrigado e parabΓ©ns πŸ˜€

Collapse
hyggedev profile image
Chris Hansen Author

Hey there πŸ‘‹ I tried my best to decipher what you said with Google Translate LOL!
Thanks for dropping by and that is a great idea. My favorite and ALSO beginner friendly API For cryptocurrencies is Coingecko!

Collapse
skypy profile image
Kinjal

Very useful collection. Thanks for sharing.

Collapse
hyggedev profile image
Chris Hansen Author

You're very welcome, appreciate your time! πŸ’―