# 3 apis every front-end developer should study

Every developer needs to practice, right? A developer's life isn't just about books or Stack Overflow, so I've gathered some APIs that I've used to learn while having fun on front-end projects and also add to your portfolio 😍

If you need inspiration for the project, I use the [dribble](https://dribbble.com/) to search for design references but don't worry too much about searching, I'll leave some templates for each API!

✋🏻 **Don't forget to credit the designer, ok.**

# **PokeAPI**

![Imagem de Seapul Nahwan - Dribbble](https://images.prismic.io/pehcst/697cb6a6-f7fa-4c7b-a9f0-b40ef042a3d8_pokeapi.png?auto=compress,format align="center")

Have you ever thought about creating a Pokedex? knowing all existing Pokemon? Then it's time to explore this magnificent API that provides all the necessary information to create a huge pokedex and make Ash jealous.

API 👉🏻 [https://pokeapi.co/](https://pokeapi.co/)

Let's go to the references to test your skills, Pokedex is cool to do for mobile, to have the same experience as our colleague Ash.

Mobile:

* [https://dribbble.com/shots/6540871-Pokedex-App](https://dribbble.com/shots/6540871-Pokedex-App)
    
* [https://dribbble.com/shots/16833947-Mobile-Pokedex-App-Design-Exploration](https://dribbble.com/shots/16833947-Mobile-Pokedex-App-Design-Exploration)
    
* [https://dribbble.com/shots/4862523-Pokedex-iOS-app-Squirtle](https://dribbble.com/shots/4862523-Pokedex-iOS-app-Squirtle)
    

Web:

* [https://dribbble.com/shots/15128634-Pokemon-Pokedex-Website-Redesign-Concept](https://dribbble.com/shots/15128634-Pokemon-Pokedex-Website-Redesign-Concept)
    
* [https://www.pokemon.com/us/pokedex/](https://www.pokemon.com/us/pokedex/)
    

# **MovieDB**

![Print do site themoviedb.org](https://images.prismic.io/pehcst/3acbcc75-ce5d-479a-b580-6a083c45b81d_moviedb.png?auto=compress,format align="center")

This one is classic! Who doesn't want to build a Netflix? But only with information, this API is COMPLETE, with tons of information about movies and series, with this API you will be able to search for movies in theaters, check the cast, ratings and WOW, it gives you a small authentication and user session control! I'm sure this is one of the best APIs to practice.

API 👉🏻 [https://developers.themoviedb.org/3/](https://developers.themoviedb.org/3/)

The reference I don't even need to say, is **Netflix**! but with the special touch of no movie, only information 🫠

Two amazing references to practice your dev skills:

* [https://dribbble.com/shots/15558638-Movie-Dashboard-Design-Dark-Mode](https://dribbble.com/shots/15558638-Movie-Dashboard-Design-Dark-Mode)
    
* [https://dribbble.com/shots/17230478-MOVEA-Movie-dashboard-design](https://dribbble.com/shots/17230478-MOVEA-Movie-dashboard-design)
    

# **Marvel**

![Banner do site da marvel](https://images.prismic.io/pehcst/ed2cf6db-d350-48f4-a80c-47d4c54c4487_marvelapi.jpeg?auto=compress,format align="center")

Ultron released the code of the multiverse and now we can navigate through all the characters of this enormous API. For the nerds out there, I'm sure it will be an adventure to develop a guide with all the Marvel characters.

The Marvel API is commented on in each return field, making it even easier to understand.

API 👉🏻 [https://developer.marvel.com/](https://developer.marvel.com/)

Outsmart Tony Stark and build a powerful application with this reference 👊🏻

* [https://dribbble.com/shots/17032308-Comic-Books-Library](https://dribbble.com/shots/17032308-Comic-Books-Library)
    

That's it, folks, with these 3 examples you will already acquire a lot of knowledge on how to work with an API and for sure it will help you in future projects!

But don't limit yourself to just these APIs listed above, there are several public APIs for you to access and create your applications and tune up your portfolio.

Hope I helped! See you next time 👋🏻