1 00:00:01,000 --> 00:00:07,120 OK, so now what we'll do is we'll prevent the like, unrealistic like the fireworks, which are not 2 00:00:07,120 --> 00:00:07,720 supported. 3 00:00:08,020 --> 00:00:14,230 The image images of the Falmouth's which are not supported will prevent those images from rendering. 4 00:00:14,980 --> 00:00:17,170 So for that, we'll be using a redux. 5 00:00:17,950 --> 00:00:22,210 Now what is an excellent is regular expressions, so we can just google it. 6 00:00:22,750 --> 00:00:26,320 It's a really, really important and really important concept. 7 00:00:27,010 --> 00:00:28,540 So let's do it. 8 00:00:30,770 --> 00:00:32,270 So often written. 9 00:00:33,680 --> 00:00:41,330 What we'll do is we copy this image is right here a recipe and. 10 00:00:42,470 --> 00:00:43,250 The image. 11 00:00:45,120 --> 00:00:51,870 Will copy this here, and what we'll do is we use dark match. 12 00:00:53,760 --> 00:00:54,120 Start. 13 00:00:56,710 --> 00:00:58,780 Match and. 14 00:01:00,470 --> 00:01:04,460 Inside this, it's expects a function, basically. 15 00:01:05,180 --> 00:01:11,090 But what we'll do is this is a regular expression, which now I'm going to write since I decided to 16 00:01:11,090 --> 00:01:15,770 write a regular section that is the forward slash and backward slash. 17 00:01:16,490 --> 00:01:17,630 So and then. 18 00:01:18,580 --> 00:01:24,850 The thought put forward to back what that means, like anything and we are not going to check out. 19 00:01:24,880 --> 00:01:29,090 So now what we're going to check is that it should have been the GOP egg. 20 00:01:30,670 --> 00:01:35,920 Five, five minutes off or jpg, then pipe. 21 00:01:36,920 --> 00:01:40,490 Taf then pipe B and D. 22 00:01:41,300 --> 00:01:45,790 OK, so this is the end of the spring, after that, nothing. 23 00:01:46,280 --> 00:01:48,860 So dollar and forward slash. 24 00:01:49,770 --> 00:01:50,930 But that is what we want. 25 00:01:51,200 --> 00:01:58,100 And if this is the case, if this is true and it's not done, it's not equal to null. 26 00:01:58,250 --> 00:02:00,540 And then then we are going to shoot. 27 00:02:00,560 --> 00:02:08,660 So and then and then we are going to start the Panthers and this and this is Will and at the UN at the 28 00:02:08,660 --> 00:02:09,430 end of the day. 29 00:02:11,200 --> 00:02:12,970 At the end of this day. 30 00:02:16,150 --> 00:02:16,780 Right here. 31 00:02:17,860 --> 00:02:19,870 So now I hope this is clear. 32 00:02:20,680 --> 00:02:25,780 And let me just say, I hope there are no convictions. 33 00:02:26,250 --> 00:02:28,570 And can we just go to the browser and. 34 00:02:29,570 --> 00:02:35,240 And that Apple, you can see those images are gone, which read and supported. 35 00:02:35,780 --> 00:02:38,090 Now we have only images which are supported. 36 00:02:38,510 --> 00:02:40,880 Let me just go to Mango. 37 00:02:43,510 --> 00:02:45,700 You can see that are only supported images. 38 00:02:46,720 --> 00:02:47,500 OK. 39 00:02:52,780 --> 00:02:53,440 That's it. 40 00:02:53,620 --> 00:02:56,170 And now what we want to do is. 41 00:02:57,950 --> 00:03:06,110 We want to click when we want to reopen the image, like we want to get more details about the recipe, 42 00:03:06,110 --> 00:03:08,060 so we will click the image of the recipe, right? 43 00:03:08,630 --> 00:03:12,290 So for that, we will add an on click. 44 00:03:14,990 --> 00:03:22,130 Now what we do is we add an on click to the image, so when we click that image so that particular you 45 00:03:22,130 --> 00:03:23,120 are, this should be open. 46 00:03:23,570 --> 00:03:27,710 So now we will add an on click to this image. 47 00:03:28,740 --> 00:03:31,380 So on, click. 48 00:03:32,830 --> 00:03:34,180 And after that. 49 00:03:35,900 --> 00:03:43,730 This is JavaScript, so columnists expect to function and will add an inland federal function for this 50 00:03:44,720 --> 00:03:45,920 and all we want. 51 00:03:46,670 --> 00:03:53,570 Oh, we cannot even provide printers, so it will be window not open because we want to open a window 52 00:03:54,290 --> 00:04:03,620 and then we'll provide the recipe and then same same what we did for the name and the image team we 53 00:04:03,620 --> 00:04:04,670 are doing here also. 54 00:04:06,060 --> 00:04:07,080 And it will be you are. 55 00:04:08,010 --> 00:04:11,580 So let me just save it and let me just go back to the browser. 56 00:04:12,680 --> 00:04:15,590 And let me check that box. 57 00:04:18,600 --> 00:04:24,900 But I want to check, like exactly that basis is open mango and passion fruit, mango and passion fruit. 58 00:04:24,900 --> 00:04:27,810 Maybe I will go to mango lassi. 59 00:04:28,970 --> 00:04:34,550 And I want this exact same piece, why it's taking so much time. 60 00:04:35,710 --> 00:04:37,990 OK, let's go to another maybe. 61 00:04:40,640 --> 00:04:41,930 This one man goes off. 62 00:04:43,950 --> 00:04:46,110 Yeah, man, with us in the title, you can see. 63 00:04:46,980 --> 00:04:50,690 OK, so now we are done with this, we are done. 64 00:04:50,700 --> 00:04:53,490 So is anything else left to? 65 00:04:54,970 --> 00:04:56,230 Is anything else left out? 66 00:04:58,200 --> 00:05:00,540 Apart from hosting, anything else is left out. 67 00:05:03,490 --> 00:05:04,420 Let me go and. 68 00:05:05,810 --> 00:05:06,590 Check checking the good. 69 00:05:09,670 --> 00:05:12,340 So I think everything looks good so far. 70 00:05:13,700 --> 00:05:15,040 So is good to die. 71 00:05:15,150 --> 00:05:21,610 One thing I noticed, one thing I noticed is that I want to change this like I want to increase this 72 00:05:22,600 --> 00:05:30,730 quarter, or maybe I can change its color so that I need to do because it's not looking like the product, 73 00:05:30,730 --> 00:05:33,340 which I showed you in the introduction video. 74 00:05:34,000 --> 00:05:36,370 I want to make sure that it looks exactly like that. 75 00:05:36,880 --> 00:05:39,730 So in the dark versus. 76 00:05:40,860 --> 00:05:48,120 So I provided maybe right at the border in the next hour years, so like in the next hour. 77 00:05:48,220 --> 00:05:49,800 Yes, no, no, no. 78 00:05:50,160 --> 00:05:53,190 Next door to see us is no amber this. 79 00:05:54,350 --> 00:05:57,330 I would Tony Abbott, CSIS, yeah, it's here. 80 00:05:58,050 --> 00:06:03,150 So what we'll do is we'll provide it orange. 81 00:06:04,460 --> 00:06:08,860 And and I'll save it, and I brought another in the next hour to see us. 82 00:06:09,770 --> 00:06:15,930 Oh, and I provide this is to try to save it. 83 00:06:15,950 --> 00:06:19,070 And let me go to the browser. 84 00:06:20,290 --> 00:06:23,560 Now it looks now it looks awesome. 85 00:06:24,190 --> 00:06:27,430 So, guys, our project is completed now. 86 00:06:28,030 --> 00:06:31,660 We are here for the most exciting part and that is hosting now. 87 00:06:31,660 --> 00:06:34,580 We want to host our website to Firebase. 88 00:06:34,600 --> 00:06:35,430 So hang tight. 89 00:06:35,450 --> 00:06:38,200 This is the very, very exciting thing. 90 00:06:38,560 --> 00:06:42,510 So in the next video will host our website to Firebase.