1
00:00:01,000 --> 00:00:06,640
So up as it is now to change a user, we have to actually refresh the user, for example, at present,

2
00:00:06,640 --> 00:00:13,390
we have Mr. Ali and his address and phone number, his data about his email address as well as his password,

3
00:00:13,660 --> 00:00:16,990
but have to change to another user to just refresh my page.

4
00:00:17,260 --> 00:00:19,720
And if I do this, then I will be getting the news.

5
00:00:19,990 --> 00:00:22,180
But this is not what I want.

6
00:00:22,930 --> 00:00:25,960
What we want actually is to change the user on a button.

7
00:00:25,960 --> 00:00:26,590
Click Right.

8
00:00:26,920 --> 00:00:29,590
So let's just import that functionality into it.

9
00:00:30,370 --> 00:00:32,380
So for that purpose, I would be making another button.

10
00:00:36,520 --> 00:00:38,020
Really ridiculous name of median.

11
00:00:42,250 --> 00:00:43,750
And our type of summit.

12
00:00:47,060 --> 00:00:48,570
And we'll just.

13
00:00:50,120 --> 00:00:51,740
Let's protect new U.S. health.

14
00:01:08,620 --> 00:01:10,010
So now this is a new user, right?

15
00:01:10,060 --> 00:01:16,120
We do not have any thoughts of cases in it and we are getting a new user, but this is neither doing

16
00:01:16,120 --> 00:01:18,670
anything nor it is having the cases in it.

17
00:01:18,670 --> 00:01:20,470
So let's just porteus this into a wrap.

18
00:01:20,860 --> 00:01:22,810
So for that purpose, move to your case.

19
00:01:25,950 --> 00:01:28,470
Text transformation of uppercase.

20
00:01:30,460 --> 00:01:35,470
Background color of it to sell to a five, 70 percent and 60, 60 percent.

21
00:01:36,510 --> 00:01:39,010
And Bill, you would have batting off three.

22
00:01:40,940 --> 00:01:42,590
A.M. Let's see it up now.

23
00:01:45,270 --> 00:01:50,040
So, yes, it has changed, but we need some more adjustments, and I'll give it 0.10 five.

24
00:01:50,730 --> 00:01:58,980
And let us spacing of 0.1 rpm and will display a block and transition should be around all 0.3 seconds

25
00:01:58,980 --> 00:01:59,460
linear.

26
00:02:01,370 --> 00:02:08,720
And for the fund will be using one size of zero point, it's in five RAM and a board of two a pixel

27
00:02:08,730 --> 00:02:10,180
solid within RGV.

28
00:02:11,180 --> 00:02:12,860
So in this case, it's just a dual phase.

29
00:02:12,860 --> 00:02:16,730
I mean, it wasn't then 60 percent and really would of a point of.

30
00:02:18,440 --> 00:02:26,720
And a box shut off of zero and one boxes and three big of energy bill, zero zero and 0.2, and a border

31
00:02:26,720 --> 00:02:28,040
radius of zero point two hundred.

32
00:02:29,420 --> 00:02:32,090
Now let's just hit save in Europe.

33
00:02:32,780 --> 00:02:37,220
So it's looking kind of nice, but again, we have to make certain adjustments relate button have.

34
00:02:38,000 --> 00:02:39,860
So whenever a person hovers onto a Arab.

35
00:02:40,930 --> 00:02:47,500
He should be able to see a change in color, the color of its original 578 and 60 percent.

36
00:02:48,230 --> 00:02:53,920
And background of accessory to a five, six, 86 percent and 72 percent.

37
00:02:54,400 --> 00:02:59,020
And watercolor of I just selfsame of 05 and 86 117 percent.

38
00:03:00,070 --> 00:03:01,390
No margin zero.

39
00:03:02,180 --> 00:03:03,010
No, we wrap.

40
00:03:03,400 --> 00:03:05,290
So yeah, it's looking nice, but we need to center it.

41
00:03:05,860 --> 00:03:09,780
So auto and we got a modern top of 1.5 billion.

42
00:03:11,590 --> 00:03:14,260
So app is exactly where it should be.

43
00:03:14,590 --> 00:03:16,450
But it isn't doing anything right.

44
00:03:16,660 --> 00:03:18,250
It's just a random app.

45
00:03:19,060 --> 00:03:20,980
So let's just add functionalities to it.

46
00:03:20,980 --> 00:03:27,310
So moving the average just fine and on your button element just on click.

47
00:03:28,970 --> 00:03:29,780
We will give it.

48
00:03:31,440 --> 00:03:32,910
That class of get user.

49
00:03:35,100 --> 00:03:39,300
So whenever a person is going to click on Add app, he's going to get a new user because this guy,

50
00:03:39,300 --> 00:03:44,610
the user is going to call an API and set up a new function, right?

51
00:03:44,850 --> 00:03:47,130
We have a gate user function right away.

52
00:03:54,590 --> 00:03:56,300
So now we are getting our different data.

53
00:03:56,360 --> 00:04:01,460
And the name and you're getting different users on pricing, on new users.

54
00:04:01,820 --> 00:04:03,230
So now it's time to deploy that app.

55
00:04:08,080 --> 00:04:11,770
So now they're going to deploy that up and the planes are going to deploy, it is unethical.

56
00:04:12,100 --> 00:04:16,690
So what is it to go ahead, go to the cloud platform as a service supporting social programming languages,

57
00:04:16,930 --> 00:04:23,080
it might be the best place for you to deploy an app, though there are certain alternatives presents

58
00:04:23,080 --> 00:04:24,690
like Nativo and all.

59
00:04:24,700 --> 00:04:29,860
But for this particular, deploying it on Heroku and maybe if we have time, we will play on it live

60
00:04:30,010 --> 00:04:30,610
as well.

61
00:04:31,090 --> 00:04:32,590
So just make a free account.

62
00:04:32,590 --> 00:04:38,170
It's totally free for students, so if you're learning some new language, it might be something that

63
00:04:38,170 --> 00:04:38,530
you need.

64
00:04:38,830 --> 00:04:42,760
So if you make up your account, you'll be teleported to your dashboard.

65
00:04:43,120 --> 00:04:46,960
And once you are here, I just click on Create New Reactor, create new app.

66
00:04:47,770 --> 00:04:54,850
And select your APT names, so in that case, it is going to be a random person, a random person.

67
00:04:57,270 --> 00:04:57,620
F.

68
00:04:59,480 --> 00:05:02,390
OK, so the name is available and select the nearest region to you.

69
00:05:02,930 --> 00:05:05,300
In my case, it's Europe, so we're choosing.

70
00:05:06,310 --> 00:05:06,640
Yeah.

71
00:05:08,850 --> 00:05:10,080
And create your app.

72
00:05:17,500 --> 00:05:18,450
So now we're here.

73
00:05:19,330 --> 00:05:24,400
We there are different ways in which you can deploy wrap on how we can deployed through had to go see

74
00:05:24,400 --> 00:05:26,340
a or we're to blur together.

75
00:05:26,650 --> 00:05:30,040
So in this case, we'll be just deploying it with the help of gator.

76
00:05:30,400 --> 00:05:34,240
So go to a GitHub page and create a new repository.

77
00:05:37,110 --> 00:05:39,690
And let's just name the same as we name named that up.

78
00:05:40,150 --> 00:05:45,420
No, it's not necessary, you can name it anything but just for the sake of convenience and just doing

79
00:05:45,420 --> 00:05:47,370
this and in person.

80
00:05:48,930 --> 00:05:52,290
I repeat you can name it anything that you want, you can even name it.

81
00:05:58,710 --> 00:05:59,460
Pink Panther.

82
00:06:00,390 --> 00:06:01,050
It wouldn't matter.

83
00:06:01,680 --> 00:06:03,180
So you can name it anything, would you want?

84
00:06:03,390 --> 00:06:07,980
So a random person?

85
00:06:10,680 --> 00:06:13,020
And that's just create a repository.

86
00:06:16,140 --> 00:06:18,540
No, pushing a riot going into this, right?

87
00:06:19,020 --> 00:06:25,710
So now they have an app and a GitHub repository, so let's head back to our Heroku and start deploying

88
00:06:25,710 --> 00:06:26,100
that app.

89
00:06:26,610 --> 00:06:29,190
So let's kind of target a little.

90
00:06:30,720 --> 00:06:40,910
So once you choose the requisite training that you going to be choosing just some random person app,

91
00:06:41,310 --> 00:06:42,300
it will connect with it.

92
00:06:43,630 --> 00:06:44,690
OK, so it's no.

93
00:06:45,860 --> 00:06:47,330
Now it's time to deploy a raft.

94
00:06:48,840 --> 00:06:53,370
So just enable it to pass, enable automatic replies.

95
00:06:54,120 --> 00:06:58,950
But before we deploy that app, there is a setting that we need to configure, so go to your settings.

96
00:07:01,120 --> 00:07:01,630
And.

97
00:07:03,420 --> 00:07:06,980
Scrawled on a deal to build back, so we have to add a retractable back.

98
00:07:07,320 --> 00:07:09,090
So this is the link that I provided to you.

99
00:07:09,600 --> 00:07:11,130
Just copy the you.

100
00:07:12,040 --> 00:07:15,580
And we will have to face you're going to have to go up.

101
00:07:15,820 --> 00:07:19,450
So this is the year that you will be that will be helping us to deploy a.

102
00:07:20,140 --> 00:07:22,990
So it gets back on track that better.

103
00:07:23,740 --> 00:07:28,000
So head back to your head and build back.

104
00:07:33,230 --> 00:07:35,210
And based you, you are a lawyer here.

105
00:07:36,230 --> 00:07:41,630
And safe to use, so if I were to be added when we were deploying our next up.

106
00:07:42,050 --> 00:07:43,660
So we just had to deploy suction again.

107
00:07:45,550 --> 00:07:47,080
Now it's time to deploy.

108
00:07:47,110 --> 00:07:48,250
So just head deploy.

109
00:07:54,040 --> 00:07:57,790
Now, take some time to configure it up and deploy.

110
00:08:01,600 --> 00:08:04,690
So now let's take out a view of opera because it has been applied.

111
00:08:05,810 --> 00:08:06,920
So this is a.

112
00:08:08,310 --> 00:08:09,840
You are and this is what you have.

113
00:08:09,900 --> 00:08:12,060
So we are getting everything that we need.

114
00:08:12,750 --> 00:08:16,140
Are having also has successfully deployed.

115
00:08:17,070 --> 00:08:18,600
And this is the end of the course.

116
00:08:18,610 --> 00:08:19,980
Thank you for sticking around.