1
00:00:00,480 --> 00:00:00,870
Nice.

2
00:00:00,960 --> 00:00:08,070
And once we have wrapped all our application in the off provider, then, of course, let's set up the

3
00:00:08,070 --> 00:00:11,970
log in, the log our functionalities and all that.

4
00:00:12,360 --> 00:00:18,660
So if we take a look at the documentation, we keep on scrolling and we can see that they're doing something

5
00:00:18,660 --> 00:00:19,980
with ease loading and.

6
00:00:20,000 --> 00:00:20,210
Ah.

7
00:00:21,000 --> 00:00:27,030
And don't worry, we will do this because we'll have to restrict access to our dashboard.

8
00:00:27,600 --> 00:00:29,400
Now at the moment, I don't think it's going to make sense.

9
00:00:29,820 --> 00:00:31,470
So we're just gonna keep on moving.

10
00:00:31,920 --> 00:00:33,780
And we'll look for to log in one.

11
00:00:34,170 --> 00:00:37,560
So that's the one that we're currently going to use in that bar.

12
00:00:37,950 --> 00:00:41,910
And then we will restrict access to our dashboard.

13
00:00:42,390 --> 00:00:49,020
And then it's going to make sense why we would also want to set up some kind of wrapper that checks

14
00:00:49,020 --> 00:00:49,640
for the loading.

15
00:00:50,110 --> 00:00:54,810
Because in my opinion, at the moment, it might be like, well, why we're doing all that.

16
00:00:55,470 --> 00:01:00,270
So after I'm done yammering about it, let's head to Navar.

17
00:01:01,260 --> 00:01:03,990
And we're looking forward as use off.

18
00:01:04,560 --> 00:01:06,360
So that's something we would want to import.

19
00:01:06,480 --> 00:01:09,960
Now, of course, the import is already there, but in there we'll find.

20
00:01:10,440 --> 00:01:12,000
Is authenticated.

21
00:01:12,430 --> 00:01:13,080
Log in.

22
00:01:13,140 --> 00:01:17,180
We read here and then we'll also get a log out.

23
00:01:17,640 --> 00:01:19,020
We'll check the user.

24
00:01:19,750 --> 00:01:26,270
And we'll also check is loading because Howard wants you to showcase what is happening as far as the.

25
00:01:27,120 --> 00:01:28,970
We're going to navigate back online.

26
00:01:29,010 --> 00:01:30,430
Like I said, we're looking for a Navar.

27
00:01:30,930 --> 00:01:35,940
And then I already have use off imported from the library.

28
00:01:36,600 --> 00:01:39,270
And now, of course, I would just want access bunch of things.

29
00:01:39,780 --> 00:01:42,140
So we're going to go with cons online.

30
00:01:42,150 --> 00:01:46,260
One of the options that we have is is authenticated.

31
00:01:46,740 --> 00:01:52,880
So here we're checking whether the user is authenticated now in order to log in.

32
00:01:53,870 --> 00:02:01,520
We have a log in, we, as I'm sorry, log in with redirect like show Zann.

33
00:02:01,910 --> 00:02:06,200
We'll also have a logout option as well as the user.

34
00:02:06,860 --> 00:02:11,610
Now, like I also promised, I'm going to show you is loading now.

35
00:02:11,720 --> 00:02:21,060
All of that is coming from use use off the one that we just imported and we need to invoke it.

36
00:02:21,830 --> 00:02:29,280
So once we do that, then, of course, in the nav bar, we could start by setting up the button, a

37
00:02:29,300 --> 00:02:35,090
button that allows us to log in and we simply would need to have a button.

38
00:02:35,520 --> 00:02:37,910
And don't worry, we'll make this pretty little bit later on.

39
00:02:38,220 --> 00:02:41,120
But we're gonna go with Button then on.

40
00:02:41,150 --> 00:02:42,950
Click on click.

41
00:02:43,010 --> 00:02:51,480
And we simply need to pass in the reference, log in with redirect and we'll write a log of Miss It

42
00:02:52,390 --> 00:02:53,990
and I should have the log button.

43
00:02:54,500 --> 00:02:56,630
Now, of course, there's a little bit of styling and all that.

44
00:02:56,660 --> 00:03:00,590
Don't worry, I'm going to navigate right now to a bigger browser window.

45
00:03:01,130 --> 00:03:04,640
And once we click on a log and we should be able to log in.

46
00:03:05,150 --> 00:03:06,140
Now let's try it out.

47
00:03:06,730 --> 00:03:08,690
And yep, we have the error.

48
00:03:09,560 --> 00:03:17,690
I purposely left the screen on so you can see what happens if some of the details that you provided

49
00:03:18,020 --> 00:03:18,620
are incorrect.

50
00:03:19,080 --> 00:03:25,290
In my case, I already know that when I was copying, pasting the client I.D. is incorrect.

51
00:03:25,910 --> 00:03:30,300
But if you get this type of screen, you can always check for details for this error.

52
00:03:30,770 --> 00:03:33,620
And they nicely tell you that unknown client.

53
00:03:34,020 --> 00:03:40,970
So now what we would need to do is head back to our application and then I'm looking for the client

54
00:03:40,970 --> 00:03:43,490
I.D. So that is my get up users and all that.

55
00:03:43,850 --> 00:03:49,940
And let me copy paste one more time and I can clearly see that I add one extra while here for some reason.

56
00:03:50,590 --> 00:03:51,330
Magoffin Post.

57
00:03:51,630 --> 00:03:52,880
And now everything should work.

58
00:03:53,060 --> 00:03:57,520
Now I'm going to get back to my screen and we should be able to log in.

59
00:03:57,920 --> 00:04:01,160
So if you ever hit that type of screen, don't freak out.

60
00:04:01,370 --> 00:04:07,120
They provide nice messages and just follow those messages and you'll solve it in no time again.

61
00:04:07,460 --> 00:04:08,390
Let's try it one more time.

62
00:04:08,840 --> 00:04:10,040
We're going to log in.

63
00:04:10,850 --> 00:04:12,140
And now we have three options.

64
00:04:12,410 --> 00:04:13,850
We have Google.

65
00:04:14,210 --> 00:04:15,500
We have Twitter.

66
00:04:16,280 --> 00:04:18,950
Also, we have the email and password.

67
00:04:19,700 --> 00:04:25,460
So at this point, I think I'm going to go with a password or essentially I'm going to click on log

68
00:04:25,460 --> 00:04:26,800
in line.

69
00:04:27,100 --> 00:04:29,450
It's going to say wrong e-mail or password.

70
00:04:30,140 --> 00:04:31,100
Now, why is that happening?

71
00:04:31,430 --> 00:04:33,350
Well, because, of course, we haven't signed up.

72
00:04:33,770 --> 00:04:34,070
All right.

73
00:04:34,400 --> 00:04:38,800
So first, we would need to sign up and then we're gonna come up with some kind of values.

74
00:04:39,140 --> 00:04:42,080
Now, as a side note, they don't send the verification.

75
00:04:42,560 --> 00:04:45,770
So you can come up with dummy values you want, which is going to be Miko's.

76
00:04:46,340 --> 00:04:51,770
So I'm going to go with John at mail dot com.

77
00:04:52,250 --> 00:04:55,730
As far as the password thing, I'm going to keep my previous one.

78
00:04:56,880 --> 00:04:59,340
Cause it matched the letters and all that.

79
00:04:59,910 --> 00:05:02,760
So in this case, I'm going to go for the sign up option.

80
00:05:03,240 --> 00:05:06,590
Now, once we click notice, we lock them.

81
00:05:07,110 --> 00:05:08,850
So we say, hi, John.

82
00:05:09,040 --> 00:05:13,440
Mail Larcom get abuser's, is requesting access to your talent and all that.

83
00:05:13,750 --> 00:05:13,990
OK.

84
00:05:14,370 --> 00:05:18,420
Now a bunch of gibberish, but essentially what it means that we successfully logged in.

85
00:05:18,850 --> 00:05:21,420
And now, of course, we just come back to our application.

86
00:05:21,810 --> 00:05:26,010
So we have successfully logged in and we're kicked back to our application.

87
00:05:26,370 --> 00:05:28,460
So we haven't handled that in our end.

88
00:05:28,890 --> 00:05:36,810
But if we go to a nav bar, we should see bunch of interesting things as far as the authentication.

89
00:05:37,230 --> 00:05:41,010
As far as the user is loading and all that.

90
00:05:41,310 --> 00:05:42,540
So why don't we do this?

91
00:05:43,080 --> 00:05:49,050
I'll copy and paste and I'll set up a log out option just so we can test it out one more time.

92
00:05:49,470 --> 00:05:51,330
So we're gonna go with Button.

93
00:05:51,810 --> 00:05:53,520
This is going to be a logout.

94
00:05:54,870 --> 00:06:00,030
And then as far as the logout we would need to say where we would want to go back to.

95
00:06:00,510 --> 00:06:07,560
So on KOLLEK For the logout, we'll set up our R.O. function here, say, all right, our all function,

96
00:06:08,080 --> 00:06:11,940
and we're not going to pass any parameters or in the function body.

97
00:06:12,190 --> 00:06:17,220
We are going to go with a logout and then will pass in the object.

98
00:06:17,640 --> 00:06:25,650
And then in there we have returned to the property and now again we go with window location and then

99
00:06:25,650 --> 00:06:28,220
we're looking for origin, so origin.

100
00:06:28,540 --> 00:06:29,850
So that's where we're going back to.

101
00:06:30,000 --> 00:06:31,020
That's our Log-On one.

102
00:06:31,530 --> 00:06:35,970
And now, of course, also let's console log everything just so we can see what's happening.

103
00:06:36,390 --> 00:06:43,890
So I'm going to go with is authenticated and T.K. Red, basically an object with all these properties,

104
00:06:43,890 --> 00:06:48,660
user and then is loading as well.

105
00:06:49,140 --> 00:06:50,020
So save it.

106
00:06:50,670 --> 00:06:53,520
And we should see some interesting things in the console.

107
00:06:53,930 --> 00:06:56,880
Now, in the console, I had the object that was first.

108
00:06:57,240 --> 00:06:59,310
So it was is authenticated false.

109
00:06:59,670 --> 00:07:01,080
Then it was loading.

110
00:07:01,320 --> 00:07:04,890
User was undefined and now it came back with four or four.

111
00:07:05,340 --> 00:07:08,930
So let's refresh one more time and now see that is article.

112
00:07:08,940 --> 00:07:09,900
It is false.

113
00:07:10,020 --> 00:07:12,820
User is undefined and is lowering is true.

114
00:07:13,350 --> 00:07:15,180
And then eventually again I had this one.

115
00:07:15,870 --> 00:07:16,180
Okay.

116
00:07:16,260 --> 00:07:16,710
Not bad.

117
00:07:16,710 --> 00:07:17,190
Not bad.

118
00:07:17,520 --> 00:07:18,480
So why don't we do this.

119
00:07:18,510 --> 00:07:21,690
Why don't we properly log in this time and now.

120
00:07:21,690 --> 00:07:27,120
Of course we'll see that first is Ontake and it was false.

121
00:07:27,580 --> 00:07:28,470
So that didn't work.

122
00:07:28,950 --> 00:07:32,520
And user was undefined and then is loading was true.

123
00:07:33,240 --> 00:07:35,070
And then of course we flipped.

124
00:07:35,580 --> 00:07:37,100
We went from is Artec.

125
00:07:37,110 --> 00:07:39,780
And it is false to user undefined.

126
00:07:40,170 --> 00:07:41,570
Now is article.

127
00:07:41,580 --> 00:07:42,600
It is true.

128
00:07:43,170 --> 00:07:44,700
And the user is also true.

129
00:07:45,060 --> 00:07:46,740
And now he is lowering his false.

130
00:07:47,280 --> 00:07:53,340
And this is really real important because again, later, once we start restricting the access, we

131
00:07:53,340 --> 00:07:56,700
need to understand that we don't get this data right away.

132
00:07:57,390 --> 00:08:02,370
So even when we direct the user to log in and log out and all that.

133
00:08:02,910 --> 00:08:04,290
It doesn't happen instantly.

134
00:08:04,920 --> 00:08:06,600
There is still this loading process.

135
00:08:06,930 --> 00:08:11,460
And this is why it's so important for us to set up that wrapper, because otherwise, if you'll try

136
00:08:11,460 --> 00:08:19,350
to access or I'm sorry, restrict the access to certain pages, it is not going to work simply because

137
00:08:19,410 --> 00:08:23,250
we will need to utilize that is loading flag first.

138
00:08:23,850 --> 00:08:25,590
Now, hopefully that makes sense.

139
00:08:25,860 --> 00:08:31,320
And you're not I think by the end of the application, I can just simply say that I'm not going to display

140
00:08:31,320 --> 00:08:35,700
the mornings because it's just gonna be a little bit easier, because now, as you see with first load

141
00:08:35,700 --> 00:08:38,240
and then we're just displaying the user.

142
00:08:38,820 --> 00:08:44,060
So with all that in place, what we could do is try to log out.

143
00:08:44,550 --> 00:08:46,030
So let's try to log out again.

144
00:08:46,120 --> 00:08:47,220
All your console logging.

145
00:08:48,000 --> 00:08:49,510
You can see that first we were lowering.

146
00:08:49,980 --> 00:08:51,500
And now, of course, we locked out.

147
00:08:51,630 --> 00:08:52,950
So there's nothing there.

148
00:08:53,280 --> 00:08:57,210
Now, the user is false and also is authenticated, is false.

149
00:08:57,240 --> 00:09:01,110
But then once we tried to back log in, we go over here.

150
00:09:02,010 --> 00:09:05,400
Now, just to change scenery, I'm going to go with Twitter.

151
00:09:05,970 --> 00:09:08,130
So we're going to try to log in with Twitter.

152
00:09:08,700 --> 00:09:10,150
All this awesome.

153
00:09:10,200 --> 00:09:10,590
Yep.

154
00:09:10,950 --> 00:09:14,340
First time you're going to log in, it's gonna ask you for permission and all that.

155
00:09:14,710 --> 00:09:18,240
And now, again, the is automated was false.

156
00:09:18,480 --> 00:09:19,680
User was undefined.

157
00:09:20,250 --> 00:09:21,150
Lowering was true.

158
00:09:21,720 --> 00:09:22,380
Same thing.

159
00:09:22,710 --> 00:09:26,520
And then eventually, of course, now we have successfully logged in.

160
00:09:27,330 --> 00:09:28,650
So what we would want to do.

161
00:09:29,310 --> 00:09:35,790
Well, now we could check whether is authenticated is true as well as user.

162
00:09:36,360 --> 00:09:40,530
So if the user is there, if it's not undefined and then do something about it.

163
00:09:41,010 --> 00:09:41,370
Correct.

164
00:09:41,830 --> 00:09:42,960
And what that something would be?

165
00:09:42,960 --> 00:09:47,430
Well, we could maybe hide the logging button if we already have logged in.

166
00:09:47,910 --> 00:09:48,240
Correct.

167
00:09:48,240 --> 00:09:50,700
And only show the log on the same for the log.

168
00:09:51,420 --> 00:09:52,950
If we haven't logged in yet.

169
00:09:53,400 --> 00:09:56,670
Well, maybe we should just display the log in option.

170
00:09:57,090 --> 00:10:02,610
Now, one thing that I would want to mention, though, that if we take a look at our application eventually,

171
00:10:03,030 --> 00:10:04,680
we're not going to have a log in here anyway.

172
00:10:04,710 --> 00:10:05,040
Why?

173
00:10:05,550 --> 00:10:08,490
Well, because we'll restrict access to the dashboard.

174
00:10:08,880 --> 00:10:13,370
So what you'll note is that we can only log in from the log in page.

175
00:10:13,890 --> 00:10:18,480
Yeah, at the moment we'll still setup everything in the nav bar.

176
00:10:19,140 --> 00:10:24,330
So at the moment, since we haven't hooked up that functionality, of course, everything is gonna be

177
00:10:24,330 --> 00:10:24,460
here.

178
00:10:24,470 --> 00:10:24,780
No.

179
00:10:25,320 --> 00:10:29,910
Just remember that by the time we log in in our final application.

180
00:10:30,270 --> 00:10:36,750
Well, there's going to be no log in there anyway because we only have a log in in the log in page.

181
00:10:37,200 --> 00:10:40,420
And then in here, NAV Bar just displays the log.

182
00:10:41,190 --> 00:10:42,060
So let's set this up.

183
00:10:43,010 --> 00:10:47,090
Let's say that we would want to display the image as well as the user name.

184
00:10:47,240 --> 00:10:52,250
Only if the is authenticated, it's true as well as the user.

185
00:10:52,850 --> 00:10:54,740
And the only display to log our button.

186
00:10:55,210 --> 00:10:59,840
However, if we have not any of those things, then of course, we would want to display to log in one

187
00:11:00,020 --> 00:11:02,690
which eventually is going to be in our logon page.

188
00:11:02,990 --> 00:11:04,190
So we're going to navigate back.

189
00:11:04,630 --> 00:11:07,590
Now, I'm just going to set up a variable that carries that for me.

190
00:11:07,640 --> 00:11:13,130
So I'm going to go concert is user and that is equal to is authenticated.

191
00:11:14,300 --> 00:11:15,890
And then also user.

192
00:11:16,430 --> 00:11:21,650
So if that is the case, then I would want to access data that's coming back.

193
00:11:22,070 --> 00:11:24,920
More specifically, I would want to get the user.

194
00:11:25,400 --> 00:11:27,770
So I'll start by removing these console logs.

195
00:11:27,800 --> 00:11:29,000
We don't need them at the moment.

196
00:11:29,030 --> 00:11:32,810
Hopefully everything is clear that there is this lowering step as well.

197
00:11:33,270 --> 00:11:34,670
And we do need to take care of that.

198
00:11:35,090 --> 00:11:37,610
Otherwise, our application will go bananas.

199
00:11:37,910 --> 00:11:42,650
Essentially, you're just going to have a lock and screen and the way it's going to work in a wrapper,

200
00:11:42,680 --> 00:11:45,800
I'll start by displaying the picture.

201
00:11:46,340 --> 00:11:48,570
So what I'm going to do on Wednesday is user.

202
00:11:48,590 --> 00:11:55,130
If that is the case, if the user is true, then I also would want to check whether the user has the

203
00:11:55,130 --> 00:11:57,770
picture and if that is the case.

204
00:11:57,830 --> 00:12:04,700
So one more and then I would want to go with image source and then use our picture.

205
00:12:05,210 --> 00:12:09,920
Now, again, since the user is the object, the property is the picture.

206
00:12:10,280 --> 00:12:12,200
And here we go with Alte.

207
00:12:13,510 --> 00:12:15,450
And we're just going to say username.

208
00:12:15,990 --> 00:12:17,650
So, again, user object.

209
00:12:18,100 --> 00:12:20,020
And we're looking for name property.

210
00:12:20,350 --> 00:12:22,450
Now, of course, if you want, you can console log and all that.

211
00:12:22,480 --> 00:12:24,400
But I'm not going to do this in this case.

212
00:12:24,840 --> 00:12:28,610
And then I would want to close my image, my show.

213
00:12:28,660 --> 00:12:30,100
And by the way, I mess this up over here.

214
00:12:30,520 --> 00:12:34,240
So I would want to close the image and then I would want to close the curly braces.

215
00:12:34,660 --> 00:12:36,400
So that's gonna be our picture.

216
00:12:36,790 --> 00:12:37,290
OK.

217
00:12:37,840 --> 00:12:44,380
And then once we have the picture, I also would want to work on the user name.

218
00:12:45,210 --> 00:12:47,590
Essentially, that is just gonna be our name.

219
00:12:48,010 --> 00:12:48,940
Now, how do we do that?

220
00:12:48,970 --> 00:12:52,930
Well, again, another set of curly braces is user.

221
00:12:53,120 --> 00:13:00,400
If that is the case, if the user is true, then I would want to access the user name.

222
00:13:00,950 --> 00:13:05,350
So let me set up another and say user name.

223
00:13:06,370 --> 00:13:08,800
Here I would say that I would one display that name.

224
00:13:09,220 --> 00:13:16,540
Now, technically, you could argue that this is an extra step because even with an email one, they

225
00:13:16,540 --> 00:13:18,380
do provide the name and a picture.

226
00:13:18,910 --> 00:13:21,400
But I still decided to do that in a way.

227
00:13:21,620 --> 00:13:23,380
Again, technically, if you want, you can check.

228
00:13:23,440 --> 00:13:26,440
If the user is there, then grab me the image.

229
00:13:26,500 --> 00:13:29,440
If the user is there, then show the name.

230
00:13:29,650 --> 00:13:34,120
But in my case, I want with this extra step where I still checked whether the properties there and

231
00:13:34,120 --> 00:13:34,460
all that.

232
00:13:34,930 --> 00:13:38,680
So technically, yes, you can make an argument that it's somewhat unnecessary.

233
00:13:38,710 --> 00:13:39,740
But you know what?

234
00:13:40,210 --> 00:13:43,180
It's better to be safe than sorry.

235
00:13:43,570 --> 00:13:45,160
So we're gonna go with heading for.

236
00:13:46,130 --> 00:13:48,020
And in here, we're going to say welcome.

237
00:13:48,860 --> 00:13:52,430
Well, come on, man, let's set up some strong tax here.

238
00:13:53,000 --> 00:14:01,430
So strong tax strong and then within those strong tax, we're just going to access user nine.

239
00:14:01,890 --> 00:14:06,590
And let's set this up to uppercase to upper case.

240
00:14:07,040 --> 00:14:08,420
Now, let's invoke that.

241
00:14:09,230 --> 00:14:17,540
And then the last thing that I would want is to check what is happening with my logging's and logout.

242
00:14:18,380 --> 00:14:23,030
So the way we'll do that is, again, we'll check the user is user.

243
00:14:23,440 --> 00:14:26,240
And if that is the case, I have two options.

244
00:14:26,690 --> 00:14:29,270
So if the user is true, then we're going to do one thing.

245
00:14:29,790 --> 00:14:32,840
However, if the user is false, then we'll do something else.

246
00:14:33,290 --> 00:14:38,240
So if the user is true, essentially, I would want to display the yellow card button.

247
00:14:38,510 --> 00:14:38,960
Correct.

248
00:14:39,530 --> 00:14:42,110
Cause there's no point on logging in.

249
00:14:42,680 --> 00:14:49,900
If the user is already there or if that is not the case, then of course our wanted display, my log

250
00:14:49,930 --> 00:14:51,160
in button like so.

251
00:14:51,610 --> 00:14:55,370
So now we save it and now I can check that we would need to log in.

252
00:14:55,880 --> 00:15:01,230
So of course we can navigate back to our application and we can refresh just so we are starting from

253
00:15:01,230 --> 00:15:02,800
the scratch and narratives.

254
00:15:02,900 --> 00:15:04,730
Now we can press on the logging.

255
00:15:05,560 --> 00:15:08,480
So now we're directed to a different screen.

256
00:15:09,060 --> 00:15:14,810
And of course now we have an option of either logging in with the Google, Twitter or of course, our

257
00:15:14,810 --> 00:15:15,100
e-mail.

258
00:15:15,470 --> 00:15:17,390
So I'm going to go with Google this time.

259
00:15:17,660 --> 00:15:19,220
So try Google again.

260
00:15:19,220 --> 00:15:21,650
There's going to be some verification process and all that.

261
00:15:21,680 --> 00:15:22,880
We don't really care about this.

262
00:15:23,390 --> 00:15:29,030
And there is now, of course, I can display my picture and display my user name and all that.

263
00:15:29,510 --> 00:15:36,230
And of course, I can also log on and notice nicely how we're not using the requestion this time.

264
00:15:36,830 --> 00:15:39,710
So once we log in, we just display the static data.

265
00:15:40,040 --> 00:15:45,560
And in my opinion, that's really cool because otherwise every time the user logs in, he or she gets

266
00:15:45,620 --> 00:15:48,350
some kind of default user.

267
00:15:48,710 --> 00:15:51,920
But at the same time, he or she waves that request.

268
00:15:52,340 --> 00:15:54,430
In my opinion, is not the best setup.

269
00:15:54,830 --> 00:15:57,500
So now I have logged in from my goal account.

270
00:15:57,890 --> 00:15:59,090
So, of course, I can log out.

271
00:15:59,480 --> 00:16:00,980
Now I have a log in option.

272
00:16:01,250 --> 00:16:03,350
Let's dust out the Twitter just on.

273
00:16:04,450 --> 00:16:06,010
So we're going to log in with Twitter.

274
00:16:06,190 --> 00:16:06,910
All that is fine.

275
00:16:07,270 --> 00:16:10,410
Now, this is the picture that comes back from Twitter again.

276
00:16:10,660 --> 00:16:12,430
I have my name and all that.

277
00:16:12,880 --> 00:16:13,810
Then we'll log out.

278
00:16:14,200 --> 00:16:21,910
And like I said, even for the base setup with a password and user name, once we log in, we'll get

279
00:16:21,910 --> 00:16:22,750
some kind of picture.

280
00:16:23,110 --> 00:16:28,060
So in this case, again, it complains that the wrong e-mail password and I am because I was really

281
00:16:28,060 --> 00:16:29,470
smart and I change this around.

282
00:16:29,920 --> 00:16:33,400
Hopefully I remember it was John at mail dot com.

283
00:16:34,060 --> 00:16:35,770
And yet now, of course I have.

284
00:16:36,010 --> 00:16:36,610
Welcome.

285
00:16:37,000 --> 00:16:38,680
Now this uses my initials.

286
00:16:39,040 --> 00:16:41,680
And then, of course, the username is my e-mail.

287
00:16:41,710 --> 00:16:44,390
So John at mail dot com.

288
00:16:44,950 --> 00:16:46,890
And then if you want to check your users.

289
00:16:47,350 --> 00:16:51,610
Just head to your dashboard and then look for users.

290
00:16:52,040 --> 00:16:58,660
So now let me refresh and we should see my latest one, the John at mail dot com.

291
00:16:59,200 --> 00:17:04,780
And of course, these are rest of the users that have already logged in in to my application.

292
00:17:05,170 --> 00:17:06,610
The one that I was setting up.

293
00:17:07,150 --> 00:17:10,240
So technically, you can always find your users.

294
00:17:10,540 --> 00:17:13,270
You can even work on their permissions roles and all that.

295
00:17:13,300 --> 00:17:15,340
So, again, in our case, we're not going to do that.

296
00:17:15,340 --> 00:17:21,700
But successfully, yes, we have set up a log in and log out functionality.

297
00:17:22,090 --> 00:17:30,850
So now what we could do is start restricting the access because I would only want to have access to

298
00:17:30,850 --> 00:17:32,650
the people who have logged in.

299
00:17:32,950 --> 00:17:33,850
So not everyone.

300
00:17:34,090 --> 00:17:35,740
Only the ones that have locked in.

301
00:17:35,920 --> 00:17:38,460
And this is exactly what we'll do in the next video.