1 00:00:00,510 --> 00:00:07,560 So basically in this, we are going to design a jungle voting app, so in this app we have a list of 2 00:00:07,560 --> 00:00:13,290 programming, more programming languages, which the user of that we will provide. 3 00:00:13,290 --> 00:00:21,120 Real-Time suggestions under the surge, like the end user of the text, the latitude, and we will provide 4 00:00:21,120 --> 00:00:26,740 them suggestions, the programming languages, starting with the Blackridge such a script or saving 5 00:00:26,820 --> 00:00:32,790 the IP, then we would have to be like bold programming, programming, language, python. 6 00:00:33,090 --> 00:00:36,660 So in this like C or C sample C and C++. 7 00:00:36,900 --> 00:00:42,310 So for providing solutions like in the B, we could also define a situation as well. 8 00:00:42,780 --> 00:00:45,840 So like in this, we're going to create a voting app. 9 00:00:45,850 --> 00:00:49,140 We're going to start with this and we vote for each programming language. 10 00:00:49,140 --> 00:00:56,610 Then we use a progress report that how many votes to go got and then would return or render a progress 11 00:00:57,050 --> 00:01:01,950 progress report on the front end part and update the vote for each language if you vote for me. 12 00:01:02,200 --> 00:01:04,750 OK, so let's get started with this. 13 00:01:05,250 --> 00:01:07,940 So basically, this is my server. 14 00:01:08,250 --> 00:01:11,520 So the server has started, OK, because I have. 15 00:01:11,680 --> 00:01:17,110 So basically I would have some few changes like this is my second stop in my file. 16 00:01:17,340 --> 00:01:24,480 So it was a big slash calculator app, but now it is working up because we would be referring to the 17 00:01:24,480 --> 00:01:25,320 Democrats folder. 18 00:01:25,330 --> 00:01:27,290 So I would move to the Pembridge folder. 19 00:01:27,690 --> 00:01:33,870 Yeah, this is the template folder, so it has to folder the one Isisford, calculate it up and loading 20 00:01:33,870 --> 00:01:34,030 up. 21 00:01:34,290 --> 00:01:38,880 So we refer to the voting for inside the templates. 22 00:01:39,150 --> 00:01:42,280 So for the folder up you should have protected raptly. 23 00:01:42,300 --> 00:01:48,810 You need to define a change Calcutt using and then if you're using voting and voting. 24 00:01:49,320 --> 00:01:53,520 So basically what we did, we created the same page. 25 00:01:53,790 --> 00:02:02,060 OK, now then for cackled, if you want to use the unit to define template slash calculator app, if 26 00:02:02,070 --> 00:02:06,830 you are going to run the calculator, OK, and if you want to run the building up, we need to define 27 00:02:06,840 --> 00:02:08,850 template slash working at. 28 00:02:09,280 --> 00:02:13,060 OK, so this is the main change we need to define. 29 00:02:13,320 --> 00:02:17,430 So please take care about it and how we define this in the repository instructions. 30 00:02:17,850 --> 00:02:19,530 OK, and the next. 31 00:02:19,560 --> 00:02:24,090 OK, now we'll move to you to start with the fine print. 32 00:02:24,210 --> 00:02:27,830 The one thing you ought to start with, the find of Django project. 33 00:02:28,700 --> 00:02:32,460 OK, so basically when I do. 34 00:02:32,940 --> 00:02:37,000 OK, so this is calculated up. 35 00:02:37,020 --> 00:02:39,280 So include calculate abductee orders. 36 00:02:39,660 --> 00:02:43,580 So formatting that we will do voting up including apter to you. 37 00:02:44,040 --> 00:02:44,940 This is very simple. 38 00:02:45,120 --> 00:02:49,260 OK, so basically in the same way, I'll give a quick overview for templates. 39 00:02:49,260 --> 00:02:50,580 We have templates folder. 40 00:02:51,180 --> 00:02:57,060 Let me show you the temperature valerius temperature calculator temperature voting up then you want 41 00:02:57,060 --> 00:03:00,390 to start with that file for calculator app as well and voting up as a book. 42 00:03:01,440 --> 00:03:03,190 Now we'll move to you. 43 00:03:03,190 --> 00:03:04,480 Want to start with my file. 44 00:03:04,770 --> 00:03:07,800 So basically I'm clicking on your file voting app. 45 00:03:07,830 --> 00:03:09,680 OK, so this is very similar. 46 00:03:09,690 --> 00:03:11,690 We have done this earlier as well. 47 00:03:11,910 --> 00:03:18,000 So like we have like your path user index name is indexed. 48 00:03:18,390 --> 00:03:22,920 Now, if I go to you to be my file, so I move to The View final voting. 49 00:03:23,140 --> 00:03:31,110 OK, so this is the backend logic proposal working on OK, so before this what we can do. 50 00:03:31,470 --> 00:03:32,910 So this is the index. 51 00:03:33,150 --> 00:03:42,390 So we can what we can do well we need to generate a let me do one thing or we can do what we can do. 52 00:03:42,750 --> 00:03:44,880 I run the server OK. 53 00:03:48,380 --> 00:03:52,240 And then I'll move to voting up. 54 00:03:55,560 --> 00:04:03,330 Yeah, here you can see like this is Django holding up OK, and like I have to find footedness, I moved 55 00:04:03,630 --> 00:04:04,980 in next door short extremophile. 56 00:04:05,280 --> 00:04:09,450 So basically when I move into a different extremophile, I move into the voting at. 57 00:04:09,480 --> 00:04:11,750 OK, so this looks fine. 58 00:04:12,120 --> 00:04:22,050 OK, so I change the title Django voting app, Django Holding App Young working at Django. 59 00:04:22,050 --> 00:04:23,940 Bring up good about instructions. 60 00:04:23,940 --> 00:04:27,390 I move to the about instructions so pick your favorite language. 61 00:04:27,420 --> 00:04:32,490 OK, that's all you need to do in this epic of language. 62 00:04:32,490 --> 00:04:33,100 And what. 63 00:04:33,120 --> 00:04:37,220 OK, I would like this very simple. 64 00:04:37,230 --> 00:04:39,070 Then select your language ncdot. 65 00:04:39,080 --> 00:04:41,640 This is the basic instructions ok. 66 00:04:41,790 --> 00:04:43,590 And the number I have to find some changes. 67 00:04:43,590 --> 00:04:48,350 You can see like in the math class Nevada and backgrounders doc. 68 00:04:48,360 --> 00:04:53,190 So you can see the number doc refers to this and Bajram discolor. 69 00:04:53,490 --> 00:04:58,920 So that number has been doc and got to see the response in nature. 70 00:04:58,920 --> 00:05:02,690 We can press control shift I ok ok. 71 00:05:02,700 --> 00:05:03,940 So here you can see it's good. 72 00:05:04,050 --> 00:05:09,810 OK, we have the number so we can think about, pick your favorite language, select the language and 73 00:05:09,810 --> 00:05:10,400 see results. 74 00:05:10,450 --> 00:05:18,660 OK, so in this next uh like so basically we are going to define uh and one thing, we need to make 75 00:05:18,660 --> 00:05:26,640 sure that that in the form, uh, I define the image like I'm referring to the static folder. 76 00:05:26,670 --> 00:05:29,370 OK, let me go to the second dismantle jpg. 77 00:05:29,760 --> 00:05:31,620 OK, and this is the main road. 78 00:05:32,160 --> 00:05:41,790 OK, so so basically in Menlo, GPG disposer from the calculator app and this is me and this is from 79 00:05:41,890 --> 00:05:43,590 the scoring background structure. 80 00:05:43,750 --> 00:05:50,700 OK, so basically so like the good part is that they still exist. 81 00:05:51,690 --> 00:05:54,510 So this is the index sort of calculator app. 82 00:05:54,750 --> 00:06:01,970 So this is, this is an a calculator app and this is the old logic we had at the end user. 83 00:06:02,010 --> 00:06:07,470 OK, and here you can see here you can see the number is equal to well, I can show you one thing, 84 00:06:07,770 --> 00:06:10,520 no light and no background is like that. 85 00:06:10,560 --> 00:06:12,180 This is what the calculator app, OK? 86 00:06:12,480 --> 00:06:22,980 And like in this even image we made also that was made deputy trying to show the similarities between 87 00:06:22,980 --> 00:06:26,010 that under the same General Broden, we're making two apps. 88 00:06:26,250 --> 00:06:31,230 And basically, I want to show you one thing that we're using the same template for both the apps without 89 00:06:31,770 --> 00:06:36,050 writing the code as much, just making the modification necessary as we need. 90 00:06:36,060 --> 00:06:37,640 OK, so this is all good. 91 00:06:37,830 --> 00:06:45,900 So basically, just a quick like if you want to define temporary slash calculator app it look so very 92 00:06:45,900 --> 00:06:48,880 quick overview, the complete calculator app is it. 93 00:06:48,900 --> 00:06:51,360 And the same with this voting app. 94 00:06:51,360 --> 00:06:51,930 Is there then. 95 00:06:51,930 --> 00:06:59,310 Both of them and each one has a different image, one has another image on background and then like 96 00:06:59,400 --> 00:07:01,230 what different respective numbers. 97 00:07:01,380 --> 00:07:02,160 What I have defined. 98 00:07:02,400 --> 00:07:05,250 So in order to run this picture, what can you do. 99 00:07:06,000 --> 00:07:08,070 You need to define such calculator. 100 00:07:08,070 --> 00:07:11,850 I you are going to run the calculator up, think 10 percent loading up when you're going to run the 101 00:07:11,850 --> 00:07:12,420 building up. 102 00:07:12,570 --> 00:07:16,680 So let me be clear with this so it doesn't create an issue. 103 00:07:17,310 --> 00:07:27,060 OK, so basically what I want to do, do I want you to solve or to get further like a move on with the 104 00:07:27,060 --> 00:07:32,850 back and back also, because you're going to use this argument, which is that first time I want you 105 00:07:32,850 --> 00:07:38,640 to solve one Kwarteng problem here, because this will help you to make a back in logic so tight control 106 00:07:38,640 --> 00:07:40,380 and like you have an added. 107 00:07:41,790 --> 00:07:52,380 Look, it has all the elements like new elements, one to two to three commentary, commentary or something 108 00:07:52,380 --> 00:07:56,570 like mix number seven or like four coming for coming forward. 109 00:07:57,350 --> 00:08:00,330 OK, OK, that might not be necessary. 110 00:08:01,290 --> 00:08:06,490 I'll get the seven two one, three, four, five, six. 111 00:08:06,580 --> 00:08:08,820 OK, look what I can do. 112 00:08:08,820 --> 00:08:11,170 This is an added copy. 113 00:08:11,260 --> 00:08:14,250 This book opened the page. 114 00:08:17,700 --> 00:08:17,970 OK. 115 00:08:18,060 --> 00:08:18,920 Sorry, sorry, sorry. 116 00:08:20,580 --> 00:08:20,990 Really? 117 00:08:21,090 --> 00:08:21,570 Yes. 118 00:08:21,630 --> 00:08:23,170 OK, so this is the idea. 119 00:08:23,490 --> 00:08:31,620 So what I want you to do, like I want you to get the frequency of each element. 120 00:08:31,800 --> 00:08:33,150 OK, like what? 121 00:08:33,150 --> 00:08:39,960 I want to tell you that if I do, I do not count one. 122 00:08:39,990 --> 00:08:44,090 OK, so it looks to me like one is three and this is the one. 123 00:08:44,670 --> 00:08:45,390 This is a one. 124 00:08:45,690 --> 00:08:47,220 This is a one, two, three, two, three. 125 00:08:47,880 --> 00:08:54,030 But I want you to do like like what I want you to do, like, basically I want you to design a data 126 00:08:54,030 --> 00:09:02,620 structure in such a way, but this is very necessary, which saw the frequency of each element in a 127 00:09:02,640 --> 00:09:06,030 frequency of each element of the ADI extolls intercept. 128 00:09:06,050 --> 00:09:08,220 So you want to design a data structure. 129 00:09:08,670 --> 00:09:11,730 So so I would give you a hint. 130 00:09:12,510 --> 00:09:14,310 Like in this, you do what you can do. 131 00:09:15,150 --> 00:09:21,900 You can define a dictionary as a data structure in which a key will be. 132 00:09:23,430 --> 00:09:27,060 Element, element of added. 133 00:09:27,540 --> 00:09:28,660 OK, good. 134 00:09:29,070 --> 00:09:34,200 And the value will be DeQuan reconceived. 135 00:09:35,950 --> 00:09:40,110 OK, so it might not be necessary that I should be sorted. 136 00:09:40,720 --> 00:09:44,680 It could be anything random number, sorted, sorted, that is not the case. 137 00:09:45,130 --> 00:09:51,010 And if a new element is added to the ADDAE, you should update the frequency. 138 00:09:51,310 --> 00:09:54,010 You can then update the frequency 139 00:09:56,830 --> 00:09:57,970 of the frequency. 140 00:09:58,000 --> 00:10:05,560 OK, so you need to define when you travel the item or the time, you can do one thing you can or you 141 00:10:05,560 --> 00:10:07,250 can be like a little bit. 142 00:10:07,570 --> 00:10:08,770 This is your ADDAE. 143 00:10:09,160 --> 00:10:13,300 You need to define her data structure, which will then give you a hint that you need to define a dictionary. 144 00:10:14,080 --> 00:10:14,490 OK. 145 00:10:15,280 --> 00:10:18,050 OK, so dictionaries their data structure you are going to use. 146 00:10:18,380 --> 00:10:23,210 So, so basically key will be the element of that unvaluable frequency. 147 00:10:23,230 --> 00:10:24,600 So you need to in such of it. 148 00:10:24,640 --> 00:10:31,240 OK, so you can think on this problem because this problem is very necessary for us to think on the 149 00:10:31,240 --> 00:10:38,320 back and part and define what we have seen like like images being changed about change and information, 150 00:10:38,740 --> 00:10:40,180 update information part of it. 151 00:10:40,510 --> 00:10:46,200 OK, like instruction instructions pertaining to this about good looking guy. 152 00:10:46,500 --> 00:10:49,140 OK, and I change the image that is. 153 00:10:49,150 --> 00:10:49,630 No. 154 00:10:49,930 --> 00:10:56,650 So one instruction and instruction in order to use a calculator and you need to change here. 155 00:10:56,920 --> 00:11:05,140 The temperature calculator, Templer slash calculator at particular voting for the voting, OK, in 156 00:11:05,140 --> 00:11:08,560 order to run the respective apps and voting app. 157 00:11:08,560 --> 00:11:10,290 So we have to find every flashforward here. 158 00:11:10,570 --> 00:11:15,040 So I'll catch up in the next tutorial so we'll solve this problem. 159 00:11:15,190 --> 00:11:21,880 It's a very good problem to date, which is not a lot of things, but it would help you to solve this 160 00:11:21,880 --> 00:11:22,450 back in forth. 161 00:11:22,570 --> 00:11:24,310 So take a guys and catch up in the next picture.