1
00:00:04,630 --> 00:00:11,550
Before starting localization of this project, I suggest you to start tracking changes in images, gallery

2
00:00:11,550 --> 00:00:12,960
or folder using gieat.

3
00:00:13,480 --> 00:00:19,480
And for that, let's move images gallery folder out of the Docker folder to the desktop, for example.

4
00:00:19,780 --> 00:00:25,900
Afterwards, we will initialize inside of the folder and create remote repository and GitHub.

5
00:00:26,290 --> 00:00:32,860
And finally, we will connect local repository and remote repository in order to allow you to push changes

6
00:00:32,860 --> 00:00:36,280
from local computer to remote GitHub repository.

7
00:00:36,970 --> 00:00:38,380
All right, let's start doing that.

8
00:00:38,740 --> 00:00:42,550
Let me first close images gallery project here in the Visual Studio code.

9
00:00:43,000 --> 00:00:49,420
Afterwards, I'll go to the desktop, where I have Docker folder located and inside of this folder there

10
00:00:49,420 --> 00:00:50,890
was images gallery folder.

11
00:00:51,430 --> 00:00:54,370
And now let me simply take images, gallery folder.

12
00:00:54,640 --> 00:00:56,380
I copied and paste.

13
00:00:56,410 --> 00:00:58,570
Here is a desktop like DEP.

14
00:00:59,760 --> 00:01:05,530
And now let me open up this image, gallery or folder in the Visual Studio code, by the way.

15
00:01:05,550 --> 00:01:12,180
Notice that the copy in time is a relatively large because there was already node modules folder inside

16
00:01:12,180 --> 00:01:17,610
of the Images Gallery folder, and this folder contains bunch of different dependencies, and that's

17
00:01:17,610 --> 00:01:19,050
why it is very large.

18
00:01:19,560 --> 00:01:19,980
All right.

19
00:01:20,040 --> 00:01:23,280
Let me open up images gallery folder in the Visual Studio code.

20
00:01:23,550 --> 00:01:24,580
Let me go there.

21
00:01:26,240 --> 00:01:32,300
And let me open, let's go to the desktop and here select images, a gallery folder.

22
00:01:32,570 --> 00:01:34,640
I should wait a bit until it is fully copied.

23
00:01:35,650 --> 00:01:40,450
Otherwise, let me select Images Gallery folder, and let's open it in the Visual Studio code.

24
00:01:41,350 --> 00:01:48,640
Mode is that after all such operation, I will not see the branch name here in the bottom left corner.

25
00:01:48,820 --> 00:01:53,440
Because now this folder emails gallery is not armed or guide control.

26
00:01:53,860 --> 00:01:56,980
Let's now initialize images gallery folder using it.

27
00:01:57,550 --> 00:01:58,420
Let's open up.

28
00:01:58,420 --> 00:02:01,120
Embed the terminal here directly, individuals to the code.

29
00:02:01,120 --> 00:02:03,550
For that, please press key combination control.

30
00:02:03,550 --> 00:02:10,180
Bektic Terminal will be opened directly in the Images Gallery folder, and here please enter command.

31
00:02:10,419 --> 00:02:11,320
Get in it.

32
00:02:11,740 --> 00:02:17,770
It will initialize images gallery folder using guilt initialized empty repository.

33
00:02:18,640 --> 00:02:25,150
If you didn't have installed on your computer, please navigate to ACM Dotcom and download it to your

34
00:02:25,150 --> 00:02:25,810
computer.

35
00:02:26,320 --> 00:02:33,580
If you install the very first time on your computer, you should also set the username and user email

36
00:02:33,700 --> 00:02:36,640
using the following commands that you see right now on the screen.

37
00:02:37,610 --> 00:02:44,500
Mikey's repository was successfully initialized, and now here you are this icon that this source control

38
00:02:44,500 --> 00:02:46,060
icon in resource to your code.

39
00:02:46,180 --> 00:02:52,930
I see that there are 27 different changes in this image as gallery folder and some of the files.

40
00:02:52,930 --> 00:02:57,220
For example, this file or this file are marked as u.

41
00:02:57,340 --> 00:02:58,870
The stands for untracked.

42
00:02:59,590 --> 00:03:06,310
Also, if I go to eBay folder and expand it, I'll see that there are three untracked files, namely

43
00:03:06,310 --> 00:03:07,180
minded guy.

44
00:03:07,230 --> 00:03:13,780
The AP file and baby file that log, but not even with the local file and entire dot.

45
00:03:13,790 --> 00:03:16,360
The new folder are great out.

46
00:03:16,810 --> 00:03:23,740
It means that it will not track changes in this folder and then this file, and they will not be committed

47
00:03:23,740 --> 00:03:24,970
to the repository.

48
00:03:25,840 --> 00:03:32,230
Also, if I go to front end folder load modules, Folder is also great alt rock, but it is relatively

49
00:03:32,230 --> 00:03:35,300
huge and it does not make sense to commit to it.

50
00:03:35,620 --> 00:03:41,390
That's why this folder is also ignored by such instruction is located here in this guide.

51
00:03:41,410 --> 00:03:43,390
Ignore a file on this slide.

52
00:03:43,720 --> 00:03:50,230
Entire node modules folder is ignored, and it actually does make sense because anyone who clones such

53
00:03:50,230 --> 00:03:56,530
a repository from remote repository, for example, from GitHub, is able to create the same node modules

54
00:03:56,530 --> 00:04:02,800
folder by entering command and beam install in the front and folder, as we did at the beginning of

55
00:04:02,800 --> 00:04:08,440
this section, because all dependencies are listed in the package budgets on file here.

56
00:04:09,160 --> 00:04:14,750
Same applies to the creation of the virtual environment for Python application here.

57
00:04:15,160 --> 00:04:23,200
All packages are listed here and the AP file, and anyone is able to create Python environment based

58
00:04:23,200 --> 00:04:26,830
on this paper file also explained to you.

59
00:04:26,830 --> 00:04:30,940
Before that, you should not commit Dot Ian, don't local file.

60
00:04:31,170 --> 00:04:37,690
Doggett because they are replaced sensitive information, namely Unsplash key that should not be committed

61
00:04:37,870 --> 00:04:39,160
to the Git repository.

62
00:04:39,760 --> 00:04:46,210
All right, we initialized Git Repository, and now we are able to make very it forced to commit in

63
00:04:46,210 --> 00:04:46,990
this project.

64
00:04:47,320 --> 00:04:52,210
And you could do that directly here in the terminal by entering Git Commit Command.

65
00:04:52,540 --> 00:04:55,090
Or you could use Visual Studio code for that.

66
00:04:55,510 --> 00:04:57,360
Simply go to this section.

67
00:04:57,380 --> 00:04:59,260
Source Control, click on this icon.

68
00:04:59,680 --> 00:05:05,680
Afterwards, you could observe which files will be committed basically, because now those files are

69
00:05:05,680 --> 00:05:07,270
marked as untracked.

70
00:05:08,260 --> 00:05:10,320
And here you could enter commit message.

71
00:05:10,330 --> 00:05:15,760
And let's name Frausto commit message initial project version.

72
00:05:16,450 --> 00:05:20,890
And after that, click on this icon or press key combination command.

73
00:05:20,890 --> 00:05:25,690
Enter on Mac or control and or on Windows in order to commit changes.

74
00:05:25,870 --> 00:05:26,740
Let's go with them.

75
00:05:27,400 --> 00:05:32,980
Changes of way are committed, and all untracked files from this list disappeared because now all those

76
00:05:32,980 --> 00:05:37,210
files attract and observe changes in those files.

77
00:05:37,450 --> 00:05:43,540
For example, if I go to, let's say, front and folder and modify, let's say, package the JSON,

78
00:05:43,540 --> 00:05:46,960
the file, let's add a line break as a test.

79
00:05:47,110 --> 00:05:52,900
Let's save changes in this file and now get immediately will display that there was a single change

80
00:05:52,900 --> 00:05:56,560
in package the JSON file, and now this file is modified.

81
00:05:56,920 --> 00:06:01,640
And now I'm able to commit those changes if I want to do so, but I don't want to commit.

82
00:06:01,660 --> 00:06:03,430
Let me remove this line break.

83
00:06:03,430 --> 00:06:08,290
And if I save file, no, I will see that this change disappears from this list.

84
00:06:09,160 --> 00:06:09,630
All right.

85
00:06:09,940 --> 00:06:13,630
That's it for for us to commit in this image as a gallery project.

86
00:06:13,900 --> 00:06:20,650
And no, let's create remote GitHub repository and connect local repository and remote repository.

87
00:06:21,310 --> 00:06:25,600
Let's go to web browser and here let's open up GitHub dot com.

88
00:06:26,260 --> 00:06:29,380
Please sign in here if you already have account.

89
00:06:29,380 --> 00:06:31,540
If you don't have one, please sign up.

90
00:06:31,720 --> 00:06:34,870
I'll click Sign in because I'm already registered here.

91
00:06:35,250 --> 00:06:37,260
And the hero is my username and password.

92
00:06:37,290 --> 00:06:38,400
Let me sign in.

93
00:06:40,320 --> 00:06:45,030
And up this create new repository by clicking on this new bottle.

94
00:06:45,870 --> 00:06:50,940
I'll create new repository named, for instance, Docker Images Gallery.

95
00:06:51,270 --> 00:06:54,660
You could actually choose any name for this repository you like.

96
00:06:55,200 --> 00:07:00,630
And also, you'll let me add description, images, gallery project.

97
00:07:01,910 --> 00:07:09,740
For the Dulquer chorus, I you but this repository public and anyone will be able to claim it to a local

98
00:07:09,740 --> 00:07:10,370
computer.

99
00:07:10,580 --> 00:07:16,790
And also your options regarding initialization of this repository, you could add read me file.

100
00:07:16,790 --> 00:07:19,340
If you want to do so, you could add to ignore file.

101
00:07:19,520 --> 00:07:21,360
And also you could choose license.

102
00:07:21,630 --> 00:07:28,880
I will not check any checkbox here because I already initialized local repository on the local computer

103
00:07:28,890 --> 00:07:32,090
and there is already read me file, for instance.

104
00:07:32,270 --> 00:07:35,870
And I will simply connect local repository and remote repository.

105
00:07:36,260 --> 00:07:39,590
That's why I will simply click create a repository like that.

106
00:07:40,520 --> 00:07:47,000
Repository was created, and here, if I scroll down, I'll find out how to connect local repository

107
00:07:47,000 --> 00:07:48,350
and remote repository.

108
00:07:48,950 --> 00:07:55,190
Here are three commands which will allow you to do that first command that will actually set a remote

109
00:07:55,190 --> 00:07:57,680
origin for your local repository.

110
00:07:57,860 --> 00:08:02,000
And in your case, this URL will be, of course, different from mine.

111
00:08:02,240 --> 00:08:08,880
Here you'll see your username and GitHub, and here you'll find out the name of your remote repository.

112
00:08:09,350 --> 00:08:16,790
Those documents will actually rename your current local branch, which is now master domain.

113
00:08:17,600 --> 00:08:25,250
No, GitHub suggests you to use name as a primary branch for all your GitHub repositories due to Black

114
00:08:25,250 --> 00:08:30,710
Lives Matter movement, and you should not use Master Branch name anymore.

115
00:08:30,920 --> 00:08:32,070
But that's up to you.

116
00:08:32,090 --> 00:08:34,940
You could go ahead either with Master Branch or mate.

117
00:08:35,419 --> 00:08:37,610
I will rename Master Branch.

118
00:08:37,610 --> 00:08:41,360
You are in this local repository domain, as suggested here.

119
00:08:41,870 --> 00:08:43,789
So first, let's add remold.

120
00:08:44,000 --> 00:08:45,500
Let me quote this line.

121
00:08:45,980 --> 00:08:50,510
Let's go to this and buy the terminal here and let me paste it like that.

122
00:08:50,990 --> 00:08:56,480
Get the remote at origin notice that I am doing that in the image gallery folder.

123
00:08:57,170 --> 00:09:04,460
So let's add remold remote was added, and now let's rename Local Master Branch Domain.

124
00:09:05,780 --> 00:09:12,470
Notice that I am doing this or a name after first commit, if you try to rename Master Branch Domain

125
00:09:12,470 --> 00:09:17,420
in your local repository before very frost in the project, you will get an error.

126
00:09:17,720 --> 00:09:21,170
That's why I renamed this branch after to commit.

127
00:09:21,620 --> 00:09:28,490
And finally, let's push to remold, and changes from the local branch will be pushed to the main branch

128
00:09:28,490 --> 00:09:30,620
at Orygen at remold.

129
00:09:30,890 --> 00:09:38,360
GitHub repository and local main branch will be set as tracking branch for Remold Main Branch.

130
00:09:38,780 --> 00:09:40,340
All right, let's push changes.

131
00:09:41,210 --> 00:09:45,320
Get Push DSU Origin when this stance for upstream.

132
00:09:45,590 --> 00:09:47,810
And now I see such output.

133
00:09:48,020 --> 00:09:55,280
There was new branch that was just squeezed at the remote, and no local main branch is dragging Remote

134
00:09:55,280 --> 00:09:55,970
Main Branch.

135
00:09:56,930 --> 00:10:01,100
Branch Maine set up to track Remold branch from Oregon.

136
00:10:01,820 --> 00:10:02,200
All right.

137
00:10:02,450 --> 00:10:08,780
No local repository is fully synchronized with remote repository, and I could verify that by going

138
00:10:08,780 --> 00:10:11,780
there and simply by refraction page here.

139
00:10:12,350 --> 00:10:16,910
And now I see all changes in the Docker image gallery remote repository.

140
00:10:17,390 --> 00:10:24,140
Notice that in my case, name of the remote repository differs from the name of the local repository.

141
00:10:24,290 --> 00:10:29,150
Remove this Docker image gallery and locally it is simply images gallery.

142
00:10:29,570 --> 00:10:36,950
It means that names of the remote and local folders actually doesn't matter, but contents of the repositories.

143
00:10:36,980 --> 00:10:42,890
This one here and locally in the Visual Studio called Editorial here, are exactly the same.

144
00:10:43,010 --> 00:10:47,600
Not taking into account those folders, which are not tracked by Git.

145
00:10:48,050 --> 00:10:56,390
If I go to front and folder, I will not see load modules for the same applies to eBay folder if I go

146
00:10:56,390 --> 00:10:56,740
there.

147
00:10:56,960 --> 00:11:04,400
I will not see it not to be any folder and not individual local file which are actually both ignored

148
00:11:04,400 --> 00:11:05,000
by it.

149
00:11:05,810 --> 00:11:06,290
All right.

150
00:11:06,590 --> 00:11:12,830
No remote repository is set and you are able to post changes from a local repository to a remote, but

151
00:11:12,830 --> 00:11:14,330
using get bush command.

152
00:11:14,480 --> 00:11:21,050
But no, there was nothing to push because no local repository and the remote repository are fully synchronized.

153
00:11:21,950 --> 00:11:25,910
Great Git and GitHub are all set for further development.

154
00:11:26,330 --> 00:11:32,510
And no also lets rerun front end and API services, as we did before locally.

155
00:11:32,540 --> 00:11:38,390
If you'll follow me along because now I am running actually images gallery project located in the Docker

156
00:11:38,390 --> 00:11:38,930
folder.

157
00:11:38,960 --> 00:11:40,370
Here are two tabs for debt.

158
00:11:40,820 --> 00:11:47,630
This way, let me simply stop this process here and let me see the user directory and let me see from

159
00:11:47,630 --> 00:11:51,230
here to desktop and images gallery like that.

160
00:11:51,740 --> 00:11:54,080
And let me go to front and folder.

161
00:11:54,920 --> 00:11:57,440
And here let's npm start.

162
00:11:57,740 --> 00:12:03,500
I don't need to enter npm install because all dependencies were already installed before, so let's

163
00:12:03,500 --> 00:12:06,170
simply start in p.m. and react.

164
00:12:06,170 --> 00:12:08,480
Squid Start Command will be executed.

165
00:12:08,930 --> 00:12:14,120
Starting development server and no front end application should be started here in the moment.

166
00:12:14,810 --> 00:12:16,670
And yes, here with is, of course.

167
00:12:16,670 --> 00:12:23,270
Previous image disappeared because images in this version of the project are saved only in the state

168
00:12:23,270 --> 00:12:24,560
of the React application.

169
00:12:24,680 --> 00:12:29,570
This way, each time when you reload application, you will see such welcome component.

170
00:12:30,050 --> 00:12:30,460
All right.

171
00:12:30,680 --> 00:12:33,200
No less author Aram API a service.

172
00:12:33,200 --> 00:12:40,400
And for that, let me go to this step and basically let me a slow process here and close this step completely.

173
00:12:40,790 --> 00:12:42,800
I'll enter exit multiple times.

174
00:12:43,050 --> 00:12:49,520
Notice that here I exited from the virtual environment, activated shell and now I am exiting from my

175
00:12:49,520 --> 00:12:50,690
soul like it did.

176
00:12:51,110 --> 00:12:57,440
And let me demonstrate to you how you could run API service inside of the embedded terminal in the visuals

177
00:12:57,440 --> 00:12:58,040
to the code.

178
00:12:58,520 --> 00:12:59,660
Let me go there.

179
00:12:59,930 --> 00:13:02,780
Here I am already in the Images Gallery folder.

180
00:13:03,050 --> 00:13:08,810
Notice that now we are inside of these images gallery folder mode inside of that one, which is located

181
00:13:08,810 --> 00:13:10,190
inside of a dog or folder.

182
00:13:10,640 --> 00:13:17,840
And here let me see two API and before running python application, we have to activate Python View

183
00:13:18,080 --> 00:13:24,710
Environment inside of this shell for that bliss and or command pap emv shell.

184
00:13:25,880 --> 00:13:34,130
So it was activated, and here I see this FBI prefix, and now I am able to start by the application,

185
00:13:34,130 --> 00:13:39,710
by entering command by them and name of the executable file may not be why.

186
00:13:40,790 --> 00:13:43,400
Let's do that by Adam Lane.

187
00:13:43,430 --> 00:13:44,120
Don't be shy.

188
00:13:44,550 --> 00:13:45,800
Let's run application.

189
00:13:46,400 --> 00:13:50,990
EPA service has successfully started in the bay, the terminal in the Visual Studio code.

190
00:13:51,170 --> 00:13:56,710
And let's verify now where the front end and back and still are able to communicate with the Charles

191
00:13:56,720 --> 00:13:57,200
or not.

192
00:13:57,680 --> 00:14:02,420
Let's go to front end application and let's search for new image, for example, miles.

193
00:14:02,800 --> 00:14:05,960
What search and miles was successfully found?

194
00:14:06,350 --> 00:14:09,950
It means that front end and back and still operate as before.

195
00:14:10,100 --> 00:14:14,570
But now we are running application in the separate images gallery folder here.

196
00:14:15,500 --> 00:14:15,980
All right.

197
00:14:16,240 --> 00:14:21,500
No, we're all set and we are able to proceed with the causation of our images gallery project.

198
00:14:21,650 --> 00:14:24,500
And first, we will look Hawai'i's EPIs service.

199
00:14:24,920 --> 00:14:30,380
You could hide and buy the terminal by President Quantrell Bektic if I open terminal again using same

200
00:14:30,380 --> 00:14:31,070
key combination.

201
00:14:31,160 --> 00:14:33,590
I'll see that eBay is still running here.

202
00:14:34,010 --> 00:14:36,320
All right, I'll see you guys in the next leisure.