Тёмный

Let's Build a Food Recipe App with React.Js - React API Project Tutorial using Axios 

Sanskar Tiwari
Подписаться 24 тыс.
Просмотров 71 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 130   
@kalpeshpatil741
@kalpeshpatil741 3 года назад
sir i know many thing but when i tried to implement concepts i faild. but after watching this video i think all concepts are cleard to me and now i know how to use this cocepts for our requirments...this is informative
@vishakhasahu5952
@vishakhasahu5952 2 года назад
that take a deep breath at 34:50 indulged me into your video even more 🙂😎, Thanks ! keep the good work up 🤗
@aniketshukla2426
@aniketshukla2426 Год назад
Learnt axios and working with api's , amazing teaching, definitely coming here for further topics to learn!
@fazimmohammed749
@fazimmohammed749 3 года назад
Not joking, this is by far the best explanation in react I've seen on youtube. Simply loved the way of teaching!
@indianappguy
@indianappguy 2 года назад
thanks a lot
@amarkumarshaw6425
@amarkumarshaw6425 2 года назад
Great One Dude! But at 33:00 we could have used the index as a second argument in the map function and the pass the index as key in the component we could have the effort using arrays and labels..... All around the this video is just awesome man !!
@zeeshanquamar5865
@zeeshanquamar5865 3 года назад
you taught every concept very crystal and clear.
@indianappguy
@indianappguy 3 года назад
thanks Zeeshan
@saurabhhchavan
@saurabhhchavan 3 года назад
Awesome video, please make more video in reactjs 🙏❤️
@indianappguy
@indianappguy 3 года назад
sure will do share it will mean a lot
@lakshmishree1281
@lakshmishree1281 3 года назад
thanks for this project , I am beginner in react , and it help me a lot , i learnt a lot from this , thank you
@indianappguy
@indianappguy 3 года назад
Happy to help Lakshmi, do share
@haroonarif4865
@haroonarif4865 2 года назад
this video is 100% beneficial to react beginners
@vaishnavir383
@vaishnavir383 3 года назад
This video is vey useful for us.. Thank you so much !!!! : )
@A98-t3o
@A98-t3o 2 года назад
Awesome totorial but you hadn't mention the rceipes in detail when we click on the image
@natesims2614
@natesims2614 3 года назад
Awesome tutorial, very new to React and this vid was super helpful!! The only issue I had was testing the app on iOS. The click events for each don't fire. I tested it on multiple browsers. Mobile browsers I guess are still weird about eventHandlers/Listeners on tags. I attached a function setHealthLabelValue() to instead and set the healthLabel hook to the .value inside of that function. Happy coding! 💻
@indianappguy
@indianappguy 3 года назад
Thanks, have you resolved the issue yet?
@SAKSHIKUMARIP
@SAKSHIKUMARIP Год назад
Thanks a lot ..it was a very informative one !!! keep uploading more such videos
@jgvlc
@jgvlc 3 года назад
Thank you very much, very instructive and interesting!
@ambarjavier5405
@ambarjavier5405 Год назад
Thank you soo much for this video!! Im a beginner & am doing something similar for a class project, however I cannot seem to make that search button work! I type in an ingredient and nothing happens...any suggestions?
@ayushiharia8627
@ayushiharia8627 3 года назад
Amazing video sir!!!! Just awesome! 🔥🔥🙌🏻🙌🏻
@indianappguy
@indianappguy 3 года назад
Glad you liked it!! do like and share
@ayushiharia8627
@ayushiharia8627 3 года назад
@@indianappguy sure👍🏻👍🏻
@franky3728
@franky3728 3 года назад
Nice video, do you also want to add a drink reminder and food switch where it goes bad to better version and a blog about food?
@rhythms9363
@rhythms9363 2 года назад
❤️❤️this Channel is all I want 😊😊 Thanks 😌😌 buddy
@indianappguy
@indianappguy 2 года назад
Glad you enjoy it!
@ranuchaubey90
@ranuchaubey90 2 года назад
Awesome explanation sir, learn a lot from this video thank you
@indianappguy
@indianappguy 2 года назад
I am glad it helped
@princearthur5532
@princearthur5532 2 года назад
thank you for the simple tutorial i wish i could meet you and shake your hand.
@haroonarif4865
@haroonarif4865 2 года назад
thanks u sir i done job followwing u and learnt a lots thanks u i recomment to all follow him and hits the like button love u bro make more projects like thaat on reactt
@ruslanogarkov808
@ruslanogarkov808 2 года назад
Cool tutorial! Do you have another one about REST API and react?
@indianappguy
@indianappguy 2 года назад
If not I will make one soon
@voiceofstory55
@voiceofstory55 3 года назад
Why not use map in select option? And dynamic value from API.
@lautaroleonelgallardo3767
@lautaroleonelgallardo3767 2 года назад
can you explain it pls?
@preetparikh4742
@preetparikh4742 3 года назад
can you make one fully functional social media web-like Instagram and Linkedin(web)(Combination of last react js video and chatting web app with react js) please!!
@indianappguy
@indianappguy 3 года назад
Okay will try
@padhaionly2746
@padhaionly2746 3 года назад
Heyy I really like your video...but I am getting CORS Policy no 'access-control-allow-origin' error. Please help me to resolve it. Pleaseee
@indianappguy
@indianappguy 3 года назад
i faced that issue many time, have you resolved it?
@mustafa8357
@mustafa8357 2 года назад
May i ask you where ur using axios and where ur using React Router?
@FatAdedotun
@FatAdedotun 3 года назад
Thank you for this video. I just started learning ReactJs and I'm looking forward to projects with APIs like this. Pls is it fully responsive? Like when I'm done building it, will I be able to view on phones and iPad perfectly? I look forward to your reply. Thank you.
@indianappguy
@indianappguy 3 года назад
you will need to add 5 - 10 lines of code more
@FatAdedotun
@FatAdedotun 3 года назад
@@indianappguy Alright. Any possibility you could do that in the nearest future?
@warrengaytero1682
@warrengaytero1682 2 года назад
I have a question sir how can you know if you're using a restful api? Thanks
@Shubhamnandi_12
@Shubhamnandi_12 3 года назад
Great one Can u make same one in React Native 🎉
@indianappguy
@indianappguy 3 года назад
Will try
@dennisrijkers202
@dennisrijkers202 2 года назад
Hi Sanskar, nice tutorial. I can't get the drop down to work. The useState seems not getting set. Can't find your end solution in the Git... did you solve it?
@rahuldixit3661
@rahuldixit3661 2 года назад
mera bhi work nahi kr rha phir maine remove kr dia..apka url wala part chala
@arindampadhy4934
@arindampadhy4934 3 года назад
great video,please more react apibased videos
@indianappguy
@indianappguy 3 года назад
okay will do
@ayushiharia8627
@ayushiharia8627 3 года назад
Thank you so much sir!! Awesome video!! If want other free APIs like this on different topics how can we get them?
@indianappguy
@indianappguy 3 года назад
I just google there are few github repo too
@ayushiharia8627
@ayushiharia8627 3 года назад
@@indianappguy ok 👍🏻 thanks
@harshitrathi3077
@harshitrathi3077 3 года назад
Sir One Flutter Project Also Please
@indianappguy
@indianappguy 3 года назад
Sure will do
@harshitrathi3077
@harshitrathi3077 3 года назад
@@indianappguy when?
@chitse4988
@chitse4988 Год назад
Just starting to learn react, great tutorial for beginners. Thank you for this video. I am having problem with the healthLabel drop down, but your github didn't include it. would you mind to share the code with the healthLabel in it. Thank you!
@aniketshukla2426
@aniketshukla2426 Год назад
Hey, even i was trying for a long time, and figured out that there's some issue with having onclick on option so what worked for me was, Remove onclicks from options and put an onChange={(e) => setHealthLabel(e.target.value)} on the select tag. Make sure to set values for all options Happy coding!!
@chitse4988
@chitse4988 Год назад
@@aniketshukla2426 Thank you so much. It is working for me now! Happy coding!
@aniketshukla2426
@aniketshukla2426 Год назад
@@chitse4988 welcome fellow coder
@praj777
@praj777 3 года назад
Thank you for the tutorial. How can I create a food recipe app without recipe api. and add my own key ,id or url.
@indianappguy
@indianappguy 3 года назад
You can you need to have a database you can use firebase if you like
@samyaahmed6972
@samyaahmed6972 3 года назад
Hello! Just saying thanks for the tutorials and I was wondering if you can do a video about webrtc in flutter? How can I utilize that api and make a video call in my app? Thanks.
@indianappguy
@indianappguy 3 года назад
Great suggestion! i will use webrtc for api i already have made multiple tutorials like wallpaper app or recipe app
@samyaahmed6972
@samyaahmed6972 3 года назад
@@indianappguy OK, thanks. You are amazing. Looking forward to that tutorial.
@rajmehta5618
@rajmehta5618 2 года назад
Loved it
@indianappguy
@indianappguy 2 года назад
thanks raj do share will mean a lot
@rakeshradhakrishnan4870
@rakeshradhakrishnan4870 2 года назад
The dropdown is not actually sorting the output.. If i search crispy and Peanut-Free, it still gives me peanut recipe.. Please check
@nbryson2010
@nbryson2010 2 года назад
Hello, since the data doesn't always come in the right form, how do you change the first letter of the category to Uppercase?
@indianappguy
@indianappguy 2 года назад
Just google and copy from Stackoverflow
@ankitaghadge.1337
@ankitaghadge.1337 8 месяцев назад
I want to filter the recipes based on food types like veg, non-veg and food time like breakfast, lunch, dinner then How can I use this API? What changes should i do in this url? Please anyone help me.
@rjaishree8297
@rjaishree8297 Год назад
where can i get the api id and key...i cant see the same features in the recent web
@MuhammadTalhaSultan
@MuhammadTalhaSultan 3 года назад
Sir Please Build an E-Commerce App With all Features
@SQUADYYT
@SQUADYYT 3 года назад
sir make more videos on react please soon as soon
@indianappguy
@indianappguy 3 года назад
Been busy with business will do soon
@kozimjonkholmirzaev4701
@kozimjonkholmirzaev4701 3 года назад
hi bro . thanks for video. please make e-commerce app with real api in FLUTTER not with firebase database .PLEASE
@indianappguy
@indianappguy 3 года назад
Will upload soon
@goutamnaik2780
@goutamnaik2780 3 года назад
great work
@indianappguy
@indianappguy 3 года назад
Thank you! Cheers!
@keerthanakeerthu8083
@keerthanakeerthu8083 3 года назад
Is there any way to get the health labels from api instead of putting it numerous times
@gauravmishra1935
@gauravmishra1935 2 года назад
It's that possible we can add Two api together and then run the output
@indianappguy
@indianappguy 2 года назад
You can run one and then another
@gauravmishra1935
@gauravmishra1935 2 года назад
@@indianappguy I can't run its together in one website in one page
@Sleeplesstimes123
@Sleeplesstimes123 2 года назад
getting CORS error for the qery I am passing , how can I stop thta?
@indianappguy
@indianappguy 2 года назад
Just deploy
@murtazabashir9176
@murtazabashir9176 Год назад
Why did I get a warning:Each child in a list should have a unique "key" prop. And also i did not get pictures of recipes... Please help me 😔
@shahulhameed5540
@shahulhameed5540 3 года назад
how we can create detailed page and display it can you please help me
@indianappguy
@indianappguy 3 года назад
Similarly
@ajithprakash8070
@ajithprakash8070 3 года назад
Great
@indianappguy
@indianappguy 3 года назад
thanks, do share
@hariharan-ke7wy
@hariharan-ke7wy Год назад
I tried this but iam getting error in useState setrecipes RecipeTile. Can anyone tell me the solution
@satwiksenapati7942
@satwiksenapati7942 2 года назад
can I get the notes of this video because it is required in our college for demonstrating the project
@indianappguy
@indianappguy 2 года назад
if you made notes you can share here for others
@balamuralimedia1653
@balamuralimedia1653 2 года назад
please provide the url link in the description sir..
@indianappguy
@indianappguy 2 года назад
Here you go github.com/theindianappguy/recipe-app-reactjs
@muhammadfaheemkhan9210
@muhammadfaheemkhan9210 3 года назад
Your Select tag is not working properly. Everytime url remains same from which data is fetched. Mean healthlaberl is not changing. That's why data is not changing.
@indianappguy
@indianappguy 3 года назад
you can save it locally or in db if you want it to remain same
@sakshitomar7403
@sakshitomar7403 3 года назад
I am also facing the same issue. If we solve it locally or create a local DB then we will have only a set of records. I want it to be dynamic on the real-time database. Can you help out in resolving this issue?
@acking2967
@acking2967 Год назад
Api is not working what shall I do Its giving unexpected 400 error
@shivamgupta-cq2yk
@shivamgupta-cq2yk 3 года назад
Still waiting for the flutter video.
@sreekartammana
@sreekartammana 3 года назад
28:12 here in the input the letters were not showing...can anyone help me?pls
@ishandas9831
@ishandas9831 3 года назад
can you share the api here please
@krazykalai5057
@krazykalai5057 3 года назад
sir i need ur help to learn reactjs do u have any course
@indianappguy
@indianappguy 2 года назад
Yes please follow the free courses I made I will be making premium ones soon
@shravyanadig4514
@shravyanadig4514 2 года назад
I am not able to get the edamam url what should i do?
@indianappguy
@indianappguy 2 года назад
have you signed up?
@ronalboruah3476
@ronalboruah3476 3 года назад
even after following your code, why does it shows error, an hour video is taking me more than 3 hours , debugging myself what lame software developer I'm going to be
@indianappguy
@indianappguy 3 года назад
Do you think it took me the same time as long the video 😄 believe me it's totally fine
@outbreak3607
@outbreak3607 3 года назад
The source code in your github makes no sense with the finished project shown here, not helpful
@technoinfoworldwide2329
@technoinfoworldwide2329 3 года назад
Build flipkart or ecommerce full mern stack clone video
@indianappguy
@indianappguy 3 года назад
Noted 👍 will do
@manerVlog
@manerVlog 2 года назад
Looking Github repo not able to find
@indianappguy
@indianappguy 2 года назад
github.com/theindianappguy/recipe-app-reactjs
@vaibhavkumar160
@vaibhavkumar160 3 года назад
great project, learnt a lot,
@indianappguy
@indianappguy 3 года назад
Glad you liked it, Do like and share
@bhavinpatil758
@bhavinpatil758 3 года назад
🍔
@indianappguy
@indianappguy 3 года назад
loving it?
@ChinnalaSivaprasadAP
@ChinnalaSivaprasadAP 3 года назад
bro i want this project can you guide me
@indianappguy
@indianappguy 3 года назад
just visit my github
@yentran2123
@yentran2123 3 года назад
How to create API ?
@indianappguy
@indianappguy 3 года назад
i will make a video about it soon
@chinireddy3414
@chinireddy3414 3 года назад
CORS Error
@kishan9107
@kishan9107 2 года назад
Windows app?
@indianappguy
@indianappguy 2 года назад
what?
@chombadavid6796
@chombadavid6796 2 года назад
all was well ,until when you started pasting stuffs from the blues and making enormous assumptions.
@indianappguy
@indianappguy 2 года назад
mind sharing when you felt that happened
@biggmoneyxviii6800
@biggmoneyxviii6800 2 года назад
Terrible video. Why? 1. The GitHub link in description is incorrect so I couldn’t check the code when I couldn’t understand him. 2. You should speak slowly and enunciate more. No offense but your accent is very heavy. 3. You never fixed the importing issue with api key. You simply left it in app.js. This is not good practice. 4. When uploading builds to GitHub, employers like to see frequent commits. You cannot do this with this video as it exposes your api key, unsafe.
@hindihits9260
@hindihits9260 2 года назад
it's simply made for absolute beginners of react and web dev, just kindly don't watch these videos, if you know all these things then it's good take the knowledge you need and appreciate the creator for his/her efforts.
Далее
ДУБАЙСКАЯ ШОКОЛАДКА 🍫
00:55
Просмотров 3,2 млн
Deploy React App to Netlify 2022
7:38
Просмотров 71 тыс.