1 00:00:00,420 --> 00:00:01,950 Hello, everyone, and welcome. 2 00:00:02,160 --> 00:00:06,630 So today we're going to create this really beautiful web application, which is the food recipe hub. 3 00:00:07,050 --> 00:00:13,140 So why do you need to do is if you want to get the recipes of a particular ingredient containing a particular 4 00:00:13,140 --> 00:00:16,650 ingredient, so you will type the name of the ingredient here? 5 00:00:16,980 --> 00:00:20,850 So, for example, pineapple or banana or anything? 6 00:00:21,150 --> 00:00:26,710 So then you need to select the category or you can leave it blank also, and then you press this great 7 00:00:26,760 --> 00:00:27,510 recipe button. 8 00:00:27,900 --> 00:00:32,940 So what it will do is it will fetch you the recipes containing that particular ingredient, which we 9 00:00:32,940 --> 00:00:33,840 have typed here. 10 00:00:34,260 --> 00:00:39,900 And then you can even go in detail of that recipe and getting more insights of that recipe, getting 11 00:00:39,900 --> 00:00:41,430 all the details about the recipe. 12 00:00:41,880 --> 00:00:43,850 So this is the whole idea of this project. 13 00:00:43,860 --> 00:00:45,870 So let me just go ahead and show you their demo. 14 00:00:46,200 --> 00:00:54,090 For example, if I type here to find Apple and spelling is wrong. 15 00:00:54,480 --> 00:00:55,140 Pineapple. 16 00:00:55,140 --> 00:01:01,990 And then we select any category, maybe low sugar and or they mean no sport or anything and just had 17 00:01:02,010 --> 00:01:03,200 this great recipe button. 18 00:01:03,540 --> 00:01:06,050 So it should fit just dishes. 19 00:01:06,060 --> 00:01:09,210 Yes, it will find the recipes containing pineapple. 20 00:01:09,210 --> 00:01:09,870 You can change. 21 00:01:09,870 --> 00:01:11,970 The category may be dairy free. 22 00:01:12,330 --> 00:01:17,040 You can select here and it will get you dairy free pineapple recipes. 23 00:01:17,250 --> 00:01:17,940 So. 24 00:01:18,030 --> 00:01:22,590 So this is the whole idea, and you can even go in detail of any of this. 25 00:01:22,830 --> 00:01:29,730 Maybe you can just click this and it will take you to the detail page of this particular recipe. 26 00:01:30,060 --> 00:01:34,110 So this is taking a little time, maybe due to my own tissues. 27 00:01:34,410 --> 00:01:35,370 So this is. 28 00:01:36,490 --> 00:01:37,510 This is the whole thing. 29 00:01:37,690 --> 00:01:44,410 And if you just press any light, you can search for any of the product or any ingredient, maybe like 30 00:01:44,860 --> 00:01:46,060 tomato. 31 00:01:46,600 --> 00:01:54,340 And then you just heard and it will show you all the recipes and containing tomato in the daily free 32 00:01:54,610 --> 00:01:55,210 category. 33 00:01:55,510 --> 00:01:57,200 So this is the whole thing. 34 00:01:57,220 --> 00:02:03,790 Maybe you can just go to check out my book chips and it will show you the recipe for tomato chips. 35 00:02:04,360 --> 00:02:13,240 So you see, this is the whole thing, and we can also create another page for the details, like another 36 00:02:13,240 --> 00:02:19,420 component for the details of every other recipe, but we can do it. 37 00:02:19,420 --> 00:02:23,500 But in this story, we will just create this application. 38 00:02:23,890 --> 00:02:27,510 And I hope this is and this is clear to you. 39 00:02:27,520 --> 00:02:30,360 And so what are we going to use? 40 00:02:30,370 --> 00:02:33,590 What other technologies which we are going to use to create this application? 41 00:02:33,630 --> 00:02:38,680 So first of all, of course, we are going to use the ideas for the frontend part and everything. 42 00:02:39,010 --> 00:02:46,750 Next, we are going to use an API that is the API from which we are getting all these data images and 43 00:02:46,750 --> 00:02:50,440 the name of the name of the recipe and all the readings. 44 00:02:50,800 --> 00:02:57,430 So to fetch the data from that API will be using a really, really important package that is Axios. 45 00:02:57,670 --> 00:03:01,990 So Axelson is really, really important and plays a huge role in fighting data from the API. 46 00:03:02,230 --> 00:03:06,880 So we should definitely know it so it can be used in any other framework or library also. 47 00:03:07,210 --> 00:03:10,340 So we'll be learning Axios out of Patriot Axios. 48 00:03:10,540 --> 00:03:12,370 So that is the key thing here. 49 00:03:12,760 --> 00:03:15,430 So and we'll be writing the thesis from scratch today. 50 00:03:15,430 --> 00:03:17,650 All the success will be writing it on our own. 51 00:03:18,040 --> 00:03:20,500 And it will be also brushing up the concept of CSI. 52 00:03:20,500 --> 00:03:23,980 If you if you know and if you don't know, you'll be learning a little bit of CSI. 53 00:03:24,580 --> 00:03:30,460 So that's all CSI Regis and Axios and this beautiful weather application. 54 00:03:30,460 --> 00:03:34,030 So I hope you all are as excited as me, so we'll see in the next one. 55 00:03:34,120 --> 00:03:34,510 Thank you.