Samuel Adekunle
Tech With Sam

Tech With Sam

Flutter App + Hashnode API  (App Presentation).

Flutter App + Hashnode API (App Presentation).

Subscribe to my newsletter and never miss my upcoming articles

Listen to this article

Hello everyone and welcome to a brand new tutorial series on Flutter. Today we’re going to be 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.

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

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 😄!

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.

🔗 Social Media / Let's Connect 🔗 ==> Github | Twitter | Youtube | WhatsApp | LinkedIn | Patreon | Facebook.

Join the Flutter Dev Community 👨‍💻👨‍💻 ==> Facebook | Telegram | WhatsApp | Signal.

Subscribe to my Telegram channel | Youtube channel | and also to hashnode newsletter in the input box above 👆👆. Thanks

Happy Fluttering 🥰👨‍💻

Share this
Proudly part of