In this practical chapter, you'll learn how to dockerize.
Application that consists of several microservices.
You'll learn how to create Docker files and how to run different services using Docker compose.
And in order to get started, you have to get initial version of the project that is located in the
Docker repository.
It is primary repository for this Docker course and there is a folder called Images Gallery.
Here it is.
So please clone Docker repository from my GitHub account and if you have already cloned it, you have
to pull updates in order to get this images gallery folder to your computers.
I don't have such docker folder on this computer, that's why.
Let me go ahead and clone the entire repository.
Go to code and click on this icon in order to copy remote repository URL in https format.
Let me copy it.
And now let me clone remote repository to local computer using Git clone command and I'll do that in
the terminal.
I'll use Iterm2 application on Mac.
On windows you could use PowerShell.
Here.
I already changed directory to desktop.
You could clone remote repository to any location on your computer.
As you wish.
I'll clone it to the desktop and here I'll enter git clone and paste copied URL.
GitHub.com is my GitHub username and docker its name of the remote repository.
Let's go ahead and clone it.
Clone it into Docker.
And now if I list files and folders in the Docker folder, I'll see two subfolders containers, images,
gallery and readme.md.
Images Gallery folder is that folder that we are interested in in this chapter.
And now we have to open exactly this folder in the Visual Studio code.
You could do that in following ways either CD two Docker images gallery and here enter code dot in order
to open current folder images gallery in the Visual Studio code.
If this command doesn't work on your computer, in a moment I'll demonstrate to you how to open specific
folder directly from VS code.
I'll do that using code command.
Let me go ahead.
And here I see that the images gallery folder was successfully opened in the Visual Studio code.
If such command didn't work for you, you could always go to file, open and navigate to location of
the images gallery folder, select it like that, and then click open.
All right, now here in this images gallery folder, there are two sub folders, basically three sub
folders.
One has Settings.json file for Visual Studio code, but the primary folders are API and front end,
and those two folders represent two different micro services.
Front end application is React JavaScript application, and if you go to Package.json file you will
find here are such dependency as react and API application is written using Python and primary package
that is utilized.
Here is Python flask and if you go to file here you will find such package here on the list with help
of Python flask, you could very easily create back end service for your front end applications.
That's a quick overview of those two microservices.
And next, after the small pause, let me explain to you how those microservices actually communicate
with each other and what such images gallery application actually does.
See you just in a moment.