🔔subscribe and turn on the notification bell. 👉 source code: codepen.io/Web_Cifar/pen/oNxLYRY 👉 API website : www.edamam.com/ 👉 #30days30submits : github.com/ShaifArfan/30days30submits
Just finished this tutorial and it's amazing! You explained everything very well. Can you tell me how I can add next and previous page arrows to see more recipes?
Thanks for new video. It's very helpful. 👌 Please, don't forget my request : a tutorial on how to do responsive and automatic slider images with text, buttons controls and indicators. Please. Thanks
hello sir, it is very useful for young seekers for web design. I can only help you by watching ads from your videos. thank you so much for describe every part of web designing
Excellent sir, very clear explanation, sir how can I keep demo recipes on home page and without api how can I search inner web site like we are searching in e-commerce website, please do that video also , thanking you sir.
I understood everything, thank you. I subscribed and am looking forward to more videos like this. By the way, do you have a tip on how to become better at JavaScript ? Thank you. Asking this question everywhere I can...
Hello! I was doing this project and at 40:30 in the console appears an error : Uncaught (in promise) TypeError: Cannot read property 'map' of undefined at generateHTML (main.js:23) at fetchAPI (main.js:18) Can you please help me fix it
Great tutorial, really helpful, Just wondering if you can implement another Api to this app or you can retrieve data form current api so you can calculate nutritional values for examples carbs protein, fats etc?
Thanks for this recipe app! One thing though, if i want to make view recipe button functional and provide user with ingredients and etc, how can i target particular meal? Do i have to use some id? Could you provide the code? Would be very thankful!
Am here thank you brother for this. I will take this project to the next level. Thank you so much and how to make a specific website without API? I really need help with this.
🔔subscribe and turn on the notification bell.
👉 source code: codepen.io/Web_Cifar/pen/oNxLYRY
👉 API website : www.edamam.com/
👉 #30days30submits : github.com/ShaifArfan/30days30submits
One of the cleanest tutorial I have seen in a while, the process was well thought of be it designing or the functionalities. Loved it.👏🏻
Glad you enjoyed it!
Thank you for making an easy-to-follow recipe app. Very helpful and great instructions! Subscribing now and please more vlogs like this 😁
Thanks for subbing!
I wish I can like this video more than once.
Thanks a lot @CIFAR
Thanks
Congratulations Sir, very well explained
I get "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." when access api?
I have the same problem
Ur tutorial really helped me to learn how can i use API's
I was able to follow along with this video and make an exercise library in the same format but used a different API :)
Just finished this tutorial and it's amazing! You explained everything very well. Can you tell me how I can add next and previous page arrows to see more recipes?
I explained it in the video JavaScript section (36:00). With the "from" and "to" you can create the pagination.
Thanks for new video. It's very helpful. 👌
Please, don't forget my request : a tutorial on how to do responsive and automatic slider images with text, buttons controls and indicators. Please.
Thanks
Sure I will ♥
Can I mention this project in my resume
33:57 that doesn't work for me and I did exactly the same
Same for me
hello sir, it is very useful for young seekers for web design.
I can only help you by watching ads from your videos.
thank you so much for describe every part of web designing
So nice of you
Wow, 🤩awesome recipe api gallery 👌
So no one is going to talk about that chicken feet 0:27 lol
😆😆 lol
event listener submit not working on click mouse event only when i hit enter query will work.
Great video. Did you use flexbox in CSS section?
Excellent sir, very clear explanation, sir how can I keep demo recipes on home page and without api how can I search inner web site like we are searching in e-commerce website, please do that video also , thanking you sir.
I understood everything, thank you. I subscribed and am looking forward to more videos like this. By the way, do you have a tip on how to become better at JavaScript ? Thank you. Asking this question everywhere I can...
thank you so much. i am recommending your channel to my friends.
Please do! ♥
Sir isme kuch items ki keval photo hi aati hai unpar view recipe ka button gayab ho jata hai... content gayab rahta hai...
It would be nice if you explain how to display some kind of error message if recipe doesn't exist. Thanks alot!
I cant change the size of the image and I did the same as you did in the video:(
Amazing tutorial
Thanks a lot bhaiya 🙏
Always welcome
Thanks bro..u jst saving my life😁
Welcome ❤
I want to use some Indian meals API how to use???
Hello!
I was doing this project and at 40:30 in the console appears an error : Uncaught (in promise) TypeError: Cannot read property 'map' of undefined
at generateHTML (main.js:23)
at fetchAPI (main.js:18)
Can you please help me fix it
Check the results prop that we are mapping through. Check you are the results properly. It the error, results is undefined.
I love you,,,, so nice app!! thank you .. ❤
How would I change the amounts of result cards?
sir when we click on view recipe, will it show the whole recipe?
Sir, kindly make a CSS playlist from beginning to advanced like slice box, animations, 3D box, etc
Will try ♥
Great tutorial, really helpful, Just wondering if you can implement another Api to this app or you can retrieve data form current api so you can calculate nutritional values for examples carbs protein, fats etc?
Yes you can!
I am getting error " inner html can not be null"....i have my JavaScript at end still this error plz help
Check the inner HTML line where we are inserting html. If you still can't solve it, join the community group and post your problem there.
I did resolved the error and this website works fine thank you...it turned out really well
Your are doing great work for us.
So nice of you 🙏🏽
your teaching perfect
Thanks a lot
Sir nothing is coming for me even i provide my own api
how to luanch
Thanks for this recipe app! One thing though, if i want to make view recipe button functional and provide user with ingredients and etc, how can i target particular meal? Do i have to use some id? Could you provide the code? Would be very thankful!
Check the description.
Am here thank you brother for this. I will take this project to the next level. Thank you so much and how to make a specific website without API? I really need help with this.
Fantastic! and for that you need a database of recipe content. ♥🤘
Hmmm and am not into database for now. Will you be able to help maybe?
Awesome job! Thank you!
Our pleasure!
You're The BEST!
Thank you
Awesome! Dont stop uploading videos
That's the plan!
@@webcifar yeah bro definitely one day you'll reach million subscribers! But it takes time! Everything takes time!
Wow
Ótimo vídeo parabéns ✌.
Muito obrigado Alves 🙏
সোজা বাংলায় অসাধারণ ব্রো 🧡💛
Thanks ❤️
Can you make some js advance project.
Sure, ♥
@@webcifar thanks sir
Bookmark
29:50
Sir ,this app is online or offline
Online
Thank you
You're welcome
plz make a video foo receipe app in react js
Ok I will try
Vai! ARE YOU FROM BANGLADESH?
Yes ♥
✅
👍🅽🅱🆁 1👈
NEPALI??
searchQuery = e.target.search.value;