DEV Community

Cover image for My First Step into APIs – With Dogs, Jokes & Weather!
Megha M
Megha M

Posted on

My First Step into APIs – With Dogs, Jokes & Weather!

Today, I explored a new concept in web development — API. I’ve heard the word many times in classes and tutorials, and I finally decided to understand what it actually means and how it works. I haven’t used APIs in a real project yet, but I’m slowly getting comfortable with the idea and the way it works.

What is an API?

API stands for Application Programming Interface.
In simple words, it helps two different applications talk to each other and exchange data.

For example:
Imagine you’re in a restaurant.
You (the user) tell the waiter (API) what you want.
The waiter goes to the kitchen (server), brings your food (data), and gives it to you.

That's how APIs work — they request and deliver information between apps.

How It Works (In Basic Terms)

In JavaScript, we can use fetch() to call an API and get the data back.

fetch('API_URL')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  });

Enter fullscreen mode Exit fullscreen mode

Some Fun APIs I Explored

Even though I haven’t used them in a real app, I found these cool APIs that are easy to try out and understand:

Dog API

Gives a random dog image:
https://dog.ceo/api/breeds/image/random

Joke API

Returns a random joke:
https://official-joke-api.appspot.com/random_joke

Weather API

Shows weather info for a city:
https://api.weatherapi.com/v1/current.json?key=YOUR_KEY&q=Chennai

What I Learned

  • APIs connect apps and allow them to share data.
  • We use tools like fetch() in JavaScript to interact with APIs.
  • Most APIs return data in JSON format (easy to read).
  • I'm still exploring how to use them practically, but now the concept makes sense!

Final Note

This was my first step into understanding APIs, and it’s honestly fun to explore! I’m excited to keep learning and soon start using APIs in my mini projects.

Top comments (0)