Flutter App + Hashnode API (App Presentation).

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 mainly because of 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.

Introducing Flutter + Hashnode - an app that makes Hashnode’s story feeds(Featured, New, Best, Community) articles for the day just a click away.

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

Also available on play store → Hashnode: unofficial app made with flutter.

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

First, head over to hashnode API doc → Hashnode API

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

Has you can see in the example above we specify to only receive the 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 on 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.

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

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

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store