Before starting localization of this project, I suggest you to start tracking changes in images, gallery
or folder using gieat.
And for that, let's move images gallery folder out of the Docker folder to the desktop, for example.
Afterwards, we will initialize inside of the folder and create remote repository and GitHub.
And finally, we will connect local repository and remote repository in order to allow you to push changes
from local computer to remote GitHub repository.
All right, let's start doing that.
Let me first close images gallery project here in the Visual Studio code.
Afterwards, I'll go to the desktop, where I have Docker folder located and inside of this folder there
was images gallery folder.
And now let me simply take images, gallery folder.
I copied and paste.
Here is a desktop like DEP.
And now let me open up this image, gallery or folder in the Visual Studio code, by the way.
Notice that the copy in time is a relatively large because there was already node modules folder inside
of the Images Gallery folder, and this folder contains bunch of different dependencies, and that's
why it is very large.
All right.
Let me open up images gallery folder in the Visual Studio code.
Let me go there.
And let me open, let's go to the desktop and here select images, a gallery folder.
I should wait a bit until it is fully copied.
Otherwise, let me select Images Gallery folder, and let's open it in the Visual Studio code.
Mode is that after all such operation, I will not see the branch name here in the bottom left corner.
Because now this folder emails gallery is not armed or guide control.
Let's now initialize images gallery folder using it.
Let's open up.
Embed the terminal here directly, individuals to the code.
For that, please press key combination control.
Bektic Terminal will be opened directly in the Images Gallery folder, and here please enter command.
Get in it.
It will initialize images gallery folder using guilt initialized empty repository.
If you didn't have installed on your computer, please navigate to ACM Dotcom and download it to your
computer.
If you install the very first time on your computer, you should also set the username and user email
using the following commands that you see right now on the screen.
Mikey's repository was successfully initialized, and now here you are this icon that this source control
icon in resource to your code.
I see that there are 27 different changes in this image as gallery folder and some of the files.
For example, this file or this file are marked as u.
The stands for untracked.
Also, if I go to eBay folder and expand it, I'll see that there are three untracked files, namely
minded guy.
The AP file and baby file that log, but not even with the local file and entire dot.
The new folder are great out.
It means that it will not track changes in this folder and then this file, and they will not be committed
to the repository.
Also, if I go to front end folder load modules, Folder is also great alt rock, but it is relatively
huge and it does not make sense to commit to it.
That's why this folder is also ignored by such instruction is located here in this guide.
Ignore a file on this slide.
Entire node modules folder is ignored, and it actually does make sense because anyone who clones such
a repository from remote repository, for example, from GitHub, is able to create the same node modules
folder by entering command and beam install in the front and folder, as we did at the beginning of
this section, because all dependencies are listed in the package budgets on file here.
Same applies to the creation of the virtual environment for Python application here.
All packages are listed here and the AP file, and anyone is able to create Python environment based
on this paper file also explained to you.
Before that, you should not commit Dot Ian, don't local file.
Doggett because they are replaced sensitive information, namely Unsplash key that should not be committed
to the Git repository.
All right, we initialized Git Repository, and now we are able to make very it forced to commit in
this project.
And you could do that directly here in the terminal by entering Git Commit Command.
Or you could use Visual Studio code for that.
Simply go to this section.
Source Control, click on this icon.
Afterwards, you could observe which files will be committed basically, because now those files are
marked as untracked.
And here you could enter commit message.
And let's name Frausto commit message initial project version.
And after that, click on this icon or press key combination command.
Enter on Mac or control and or on Windows in order to commit changes.
Let's go with them.
Changes of way are committed, and all untracked files from this list disappeared because now all those
files attract and observe changes in those files.
For example, if I go to, let's say, front and folder and modify, let's say, package the JSON,
the file, let's add a line break as a test.
Let's save changes in this file and now get immediately will display that there was a single change
in package the JSON file, and now this file is modified.
And now I'm able to commit those changes if I want to do so, but I don't want to commit.
Let me remove this line break.
And if I save file, no, I will see that this change disappears from this list.
All right.
That's it for for us to commit in this image as a gallery project.
And no, let's create remote GitHub repository and connect local repository and remote repository.
Let's go to web browser and here let's open up GitHub dot com.
Please sign in here if you already have account.
If you don't have one, please sign up.
I'll click Sign in because I'm already registered here.
And the hero is my username and password.
Let me sign in.
And up this create new repository by clicking on this new bottle.
I'll create new repository named, for instance, Docker Images Gallery.
You could actually choose any name for this repository you like.
And also, you'll let me add description, images, gallery project.
For the Dulquer chorus, I you but this repository public and anyone will be able to claim it to a local
computer.
And also your options regarding initialization of this repository, you could add read me file.
If you want to do so, you could add to ignore file.
And also you could choose license.
I will not check any checkbox here because I already initialized local repository on the local computer
and there is already read me file, for instance.
And I will simply connect local repository and remote repository.
That's why I will simply click create a repository like that.
Repository was created, and here, if I scroll down, I'll find out how to connect local repository
and remote repository.
Here are three commands which will allow you to do that first command that will actually set a remote
origin for your local repository.
And in your case, this URL will be, of course, different from mine.
Here you'll see your username and GitHub, and here you'll find out the name of your remote repository.
Those documents will actually rename your current local branch, which is now master domain.
No, GitHub suggests you to use name as a primary branch for all your GitHub repositories due to Black
Lives Matter movement, and you should not use Master Branch name anymore.
But that's up to you.
You could go ahead either with Master Branch or mate.
I will rename Master Branch.
You are in this local repository domain, as suggested here.
So first, let's add remold.
Let me quote this line.
Let's go to this and buy the terminal here and let me paste it like that.
Get the remote at origin notice that I am doing that in the image gallery folder.
So let's add remold remote was added, and now let's rename Local Master Branch Domain.
Notice that I am doing this or a name after first commit, if you try to rename Master Branch Domain
in your local repository before very frost in the project, you will get an error.
That's why I renamed this branch after to commit.
And finally, let's push to remold, and changes from the local branch will be pushed to the main branch
at Orygen at remold.
GitHub repository and local main branch will be set as tracking branch for Remold Main Branch.
All right, let's push changes.
Get Push DSU Origin when this stance for upstream.
And now I see such output.
There was new branch that was just squeezed at the remote, and no local main branch is dragging Remote
Main Branch.
Branch Maine set up to track Remold branch from Oregon.
All right.
No local repository is fully synchronized with remote repository, and I could verify that by going
there and simply by refraction page here.
And now I see all changes in the Docker image gallery remote repository.
Notice that in my case, name of the remote repository differs from the name of the local repository.
Remove this Docker image gallery and locally it is simply images gallery.
It means that names of the remote and local folders actually doesn't matter, but contents of the repositories.
This one here and locally in the Visual Studio called Editorial here, are exactly the same.
Not taking into account those folders, which are not tracked by Git.
If I go to front and folder, I will not see load modules for the same applies to eBay folder if I go
there.
I will not see it not to be any folder and not individual local file which are actually both ignored
by it.
All right.
No remote repository is set and you are able to post changes from a local repository to a remote, but
using get bush command.
But no, there was nothing to push because no local repository and the remote repository are fully synchronized.
Great Git and GitHub are all set for further development.
And no also lets rerun front end and API services, as we did before locally.
If you'll follow me along because now I am running actually images gallery project located in the Docker
folder.
Here are two tabs for debt.
This way, let me simply stop this process here and let me see the user directory and let me see from
here to desktop and images gallery like that.
And let me go to front and folder.
And here let's npm start.
I don't need to enter npm install because all dependencies were already installed before, so let's
simply start in p.m. and react.
Squid Start Command will be executed.
Starting development server and no front end application should be started here in the moment.
And yes, here with is, of course.
Previous image disappeared because images in this version of the project are saved only in the state
of the React application.
This way, each time when you reload application, you will see such welcome component.
All right.
No less author Aram API a service.
And for that, let me go to this step and basically let me a slow process here and close this step completely.
I'll enter exit multiple times.
Notice that here I exited from the virtual environment, activated shell and now I am exiting from my
soul like it did.
And let me demonstrate to you how you could run API service inside of the embedded terminal in the visuals
to the code.
Let me go there.
Here I am already in the Images Gallery folder.
Notice that now we are inside of these images gallery folder mode inside of that one, which is located
inside of a dog or folder.
And here let me see two API and before running python application, we have to activate Python View
Environment inside of this shell for that bliss and or command pap emv shell.
So it was activated, and here I see this FBI prefix, and now I am able to start by the application,
by entering command by them and name of the executable file may not be why.
Let's do that by Adam Lane.
Don't be shy.
Let's run application.
EPA service has successfully started in the bay, the terminal in the Visual Studio code.
And let's verify now where the front end and back and still are able to communicate with the Charles
or not.
Let's go to front end application and let's search for new image, for example, miles.
What search and miles was successfully found?
It means that front end and back and still operate as before.
But now we are running application in the separate images gallery folder here.
All right.
No, we're all set and we are able to proceed with the causation of our images gallery project.
And first, we will look Hawai'i's EPIs service.
You could hide and buy the terminal by President Quantrell Bektic if I open terminal again using same
key combination.
I'll see that eBay is still running here.
All right, I'll see you guys in the next leisure.