DEV Community

loading...
Cover image for Flutter App + Hashnode API (App Presentation).

Flutter App + Hashnode API (App Presentation).

techwithsam profile image Samuel Adekunle Updated on ・2 min read

Hello everyone and welcome to a brand new tutorial series on Flutter. Today we’re going to be walking through how to integrating hashnode API into our flutter application.

Let's get started

So actually, I built this app during the #christmashackathon challenge then but I was just too busy to come up with a write-up and the app presentation to publish on hashnode but there is another challenge now #VercelHashnode.

WhatsApp Image 2021-01-08 at 8.22.16 PM_iphone12black_portrait.png

How to check the app

For Android Users
Available on play store → Hashnode: unofficial app made with flutter.

For iOS Users,
I don't have an apple store account, so you can check out the source code below or the android version.

Source code! 👇 Show some ❤️ by starring ⭐ the repo and do follow me 😄!

GitHub logo techwithsam / flutter-app-hashnode-API

A flutter application connected to Hashnode API

In this article, I will just walk you through how the app was built.

First, head over to hashnode API doc --> Hashnode API

Screenshot 2021-01-06 124641.png

So in the query box just send the request you need starting with a {}
Example: {storiesFeed(type:NEW){title,coverImage,slug,replyCount}} then press the play button to get response.

Screenshot 2021-01-06 124841.png

Has you can see in the example above we specify to only receive title, coverImage, slug, replyCount but there are many other requests you can send. A trick for windows users just press CRT + Space you will see a list of available requests.
Read more on how to use the API via the docs at the right-hand side.

After you have gotten the response you want, just convert the json to dart and use the model in your flutter application by sending the request to the URL and that's all.

If you want a full article/tutorial on how to call API in flutter or a complete series on how this app was built kindly leave a comment below. Thanks

I hope you have learned something, kindly press the clap button as many time you want if you enjoy it, and feel free to ask a question. Thanks for reading.

Thanks to @Piyush Sinha for his article on the Chrome extension, it helped me to realize @Hashnode has an API.

Join Flutter Developer's Community: Telegram | Facebook | WhatsApp | Signal

Let’s connect with each other online: Github, Twitter, Youtube, WhatsApp, LinkedIn.

Discussion (0)

pic
Editor guide