Oflutter: Create a Recipe List App using Flutter and API

[@aneesasghar8428]

Tons of knowledge very efficiently compressed into 13 mins, and at no point did I feel lost. Thank you!

[@oflutter]

You are welcome 🤗

[@Grinwa]

Yo don't stop these tutorials 😢😢😢😢 U have performance to become a really leading KZbinr i can assure u that

[@KeeBui]

It would be lovely to get an update on this regarding adding a new feature for checking the description of each recipe and their ingredients etc!

[@giuseppebrandi3742]

Thanks for the tutorial. I made a hate commend early today but it turns out it was a foolish mistake of mine. Great content.

[@Grinwa]

This so freaking awesome exactly what i needed I just made a python api and i want my app to display content in cards just like that thanks ❤

[@YandryPozo]

Extremely well done example, just what I needed, great job 👍😃

[@oflutter]

Glad to help you 😌

[@smartgaming33531]

Great efforts sir we want more videos abouts flutter projects🤩

[@rajkurane2507]

is this those are the real videos and if i click on that it will start ? pls reply beacuse i was searching for an api like videos of recipes.

[@aouadicharaf1038]

thanks before even finishing the video, keep up the good work

[@ilaydaa208]

idk why and idk what is the problem is but last step is not working for me..... it stays at loading and turns into a time out error.. btw it was amazing video taught me lots of things thankss

[@Doflamingo41]

sorma ilayda bende de aynısı oldu kaldı orda

[@kaushalyaroshan]

Amazing tutorial with clear voice 😍

[@ahmedtaha6937]

i leaned so much from your video, thank u

[@oflutter]

You are welcome

[@afiatinaliaazani-hf5gd]

Thank you so much for the knowledge

[@nuriddintashpulatov4233]

for everyone who's getting errors in parsing response, put this code in RecipeApi class: for (var i in data['feed']) { if (i['type'] == "single recipe") temp.add(i['content']['details']); }

[@lemmuelvillaruel1332]

it is still error

[@videos4y0u28]

But still eroor the data is not loading 😥😭

[@TAMILGADGETS]

tq now my code was functional but can you explain why we add the type and single recipe

[@madvier_8336]

whoa thanks it worked! im still lost tho xD, compared to javascript way of consuming api this is abit complicated lol

[@savansachapara2766]

Expected a value of type 'Iterable', but got one of type 'Null' this kind of erroe is comming and the final app is loading noting displayed still

[@KanikaRaheja]

same error...how to solve?

[@alaaabdullah2648]

I have the same error did you solve it?

[@bluehydrogen]

Thanks, brother for the knowledge

[@heysubolick9012]

This video is super duper awesome. it helped me a lot.

[@oflutter]

I’m glad 😃

[@LahssaneFair]

keep it up good tutorial

[@oflutter]

Thanks)

[@JerrysTechCorner]

This tutorial was awesome! You should make more videos like this!

[@oflutter]

Sure! I will

[@iamkanishkaR]

I created the exact same project but it's not working. All I see is circular progress indicator on the screen. *Can someone help me?*

[@terrygilligan790]

Great video, thanks for the Input.

[@abishekab21]

Incredible video bro

[@sureshchitmil]

Good tutorial thank you.

[@oflutter]

You’re welcome, thanks for comment!:)

[@ai-bloggers]

Please, don't stop 🚀🚀🚀

[@D3_Business_Analytics]

Hi instructor , while displaying the items in home.dart i got following error Expected a value of type 'Iterable', but got one of type 'Null'

[@mkhwanazicebo4448]

kudos , you the best man.

[@Juliapak]

Very good tutorial. I need to design my own api with my urls I own. This helps me get some insights!

[@oflutter]

You are welcome 🤗

[@mracipayam]

Greate explanation, subbed!

[@semihhyilmaz]

You are a very good tutorial, thank you!

[@oflutter]

Thanks 😊

[@nipu_b98]

Very well explained.😇But trying to show recipes on my application. However, it keeps loading and doesn’t show recipes on the Emulator. How I fix that.

[@carolinedesouza7570]

Perfect video!! Thanks

[@oflutter]

You are welcome 🙏

[@abdulrahmanalsefi6418]

Thank you, great explanation. Could you please do a toutrial about notification

[@abduiron9648]

I tried but this didn't worked for me, So to tell what I have done, I just implemented as he have done it. Now that seems not a nice thing. One more thing, I know nothing about API implementation. So any suggestions on what should I do ??

[@sontopito8765]

Thank you 😇Nice tutorial

[@oflutter]

Thanks

[@Vikkybliz]

You really explained this very well

[@oflutter]

Thanks

[@bffft5716]

This is what i need

[@oflutter]

I'm glad to hear it!

[@nguyenphuocsang1505]

very thanks you. can you continue with detail screen?

[@alvido97]

This was very helpful for me , ❤️❤️❤️

[@pauldufour5634]

Hello, great video but is it possible to add a click function on each item of the list?

[@atifullah7567]

Great

[@nakokiko]

very useful. thank you for the tutorial

[@oflutter]

Thanks 😊

[@001Debjeet]

perfect explanation brother Subbed ;)

[@oflutter]

Thanks 😊

[@RSmarza]

Excellent! Please consider making a tutorial with flutter integrated with redux architecture. Thanks

[@oflutter]

Sure, I will think about it :)

[@monishreddy6983]

(NoSuchMethodError: The method '[]' was called on null. ?

[@dargwa1046]

have you find any solutions?

[@furquanahmad846]

same error bro and still i couldn't find solution can any help us

[@jamilmahama4638]

@@furquanahmad846 null safety issue...still trying to fix it

[@farhanashari5149]

Excuse me, i have a question. Can you explain (or give the example) in the for loop if you want get all the data in the feed

[@farhanashari5149]

I mean in 9:20 you want to get all data in details, so the for loop is var i on data['feed'] and you add ['content']['details'], can you explain if i want to use for loop to get all feed data

[@vigianerun]

Could you help me with json['rating'] as double? Its error in me Edit: its my final String rating not final double rating. My bad

[@videos4y0u28]

Sir I have error the data is not loading from Json using api only the circularProgressIndicator is cycling 😥😭

[@charlenebrenda]

Hello I really liked your tutorial. Thank you very much but I have a problem, I can not get the pictures of the kitchens despite the fact that I inserted my API key after registering on yummy. Can you help me please?

[@uttkarshrastogi1764]

this video was so informative and the quality of video was awesome please can you make a video on how to send Post request in flutter thanks

[@oflutter]

Sure!

[@TuksimAdventures]

I would like to subscribe and like for the youtube algorithm. Helped me find this video by recommending it to me.

[@oflutter]

Thanks 😊 I appreciate you

[@c2610.]

Have you thought about a social media app tutorial?

[@oflutter]

Yes, I will make it at some point

[@genesiswin4831]

awesome

[@ajdinzejnirovic7502]

Thanks a lot!

[@oflutter]

😊

[@Tiffaa_]

Hi! Would it be possible to redo this tutorial recipe app with BLoC please? I'm struggling with learning it.

[@sikkicoding]

Thank you sir

[@herojohn1021]

If someone does not see the api in debug mode, you need to add a tag parameter in rapid api.

[@oflutter]

Thanks

[@hamidalikhan1464]

Amazing

[@oflutter]

Thanks 😊

[@alaaabdullah2648]

How can I get the data in complex JSON ?

[@mwebber3537]

thanks🤝

[@mohamedsabir9867]

how could you link the xcode emulator to vs code i need an answer sone pls, and ty

[@furquanahmad846]

NoSuchMethodError: The method '[]' was called on null. ? this error occured in 'recipeapi' i can not figured out this error since five days will you please help me

[@cunningmentor]

you will boom the other's tutorial

[@oflutter]

Hopefully 😁

[@funaustralia6517]

how can to do change other recipe? I mean, if I want to get beef recipe

[@Badlapur2Banarasvlogs]

sir how to use directions in yummuly API?

[@alotszhra2488]

Hi,I write all code in flutter without error but the program is not running out.

[@xmasterg101]

Thanks for the tutorial, but now your code doesn't work and needs updating. 1. @required --> required (recipe_card.dart) 2. recipe.dart / Recipe ({.. / before every "this." needs --> required But I couldn't figure out the last error I get in home.dart. "Error: Field '_recipes' should be initialized because its type 'List' doesn't allow null" Any ideas how to fix this?

[@xmasterg101]

These problems appear when SDK is sdk: ">=2.12.0 =2.7.0

[@xmasterg101]

Unfortunately still couldn't run the app. Seems that these "null" errors must be fixed after the Flutter latest updates

[@alaaabdullah2648]

I have the same error, how can I solve it ?

[@muzammillone8362]

i cant seem to get data from api call as i recieve null

[@shouryapandey3003]

bro just pls try to explain working of json in flutter

[@markmullenbjj]

Loved the tutorial. I learned a lot about APIs. I encountered a problem (copy and pasting your code) when I try to return the RecipeCard in home.dart error: 4 positional arguments expected, but 0 found I copy and pasted your recipe.dart, recipe_card.dart and home.dart Any idea what could be wrong?

[@oflutter]

If you hover RecipeCard, you will see that it has 4 required arguments. You need to add them. Hopes that help 😊

[@markmullenbjj]

@@oflutter I did exactly that. I copy and pasted your code. Error = 4 positional arguments expected, but 0 found return RecipeCard( title: _recipes[index].name, cookTime: _recipes[index].totalTime, rating: _recipes[index].rating.toString(), thumbnailUrl: _recipes[index].images); I thought it couold be in the declaration of the Recipe class,...but I also pasted your code for that

[@oflutter]

Post your full project on git, and send me a link I will check. If you want to, you can email me privately: [e-mail]

[@markmullenbjj]

@@oflutter Thank you. Email sent

[@andhikawicaksono6949]

Why is the data from the api not showing up?

[@dhiaaeddinemansouri5680]

thank you

[@oflutter]

Np 😉

[@deadeye18]

zenkyuu

[@darshitjani8273]

Why not use Null safety. So many errors.

[@jamilmahama4638]

is this tutorial in null safety? im getting error making api calls like null is not a subtype of string

[@oflutter]

No, it's not a null safety tutorial

[@ulolmoto4854]

Hi, what programming languages is this?

[@oflutter]

Dart

[@tugba_dokumaci]

tysm

[@shailjatripathi1268]

I am getting the following error: Unhandled Exception: type 'Null' is not a subtype of type 'String' in type cast Can you please help?

[@oflutter]

What video time ?

[@shailjatripathi1268]

@@oflutter It is coming when I'm taking data from the api in the list.. As if the format is not supported

[@TheZaynPro]

@@shailjatripathi1268 you find any solution..?

[@redwanulhaque7887]

api link is not working

[@daredevil6145]

API isn't working nowadays.

[@hdalank]

Amazing, can you please do a tutorial about rest api from woocommerce to flutter app ?

[@oflutter]

Thanks for comment! Yea, that my be interested. Will take in consideration

[@poweruser60]

The Yummly Recipe API used in this video ceased operation effective September 30, 2019 - so don't waste your time with this tutorial, I can't believe the API ceased to be available 7 months before this video was last edited.

[@oflutter]

Yummly Recipe API was updated 4 month ago, and it's still working :D

[@poweruser60]

@@oflutter The Yummly API is no longer accepting new applications, it's still working for existing users, hence your perception, but new users can't access it - hence my comments.

[@oflutter]

Not sure about that, just logged under new account, everything is ok

[@poweruser60]

@@oflutter what URL did you use to create a new account ?

[@oflutter]

Same what I provided in video

[@joobiden4044]

pembohong