Project Management



Activities to be done:

a) Entering FabLabs.io
b) linking to GitLab
c) Customizing GitLab
d) Installing Git for Windows
e) Setup Git
f) Adding SSHkeys to GitLab
g) Copy your Academy Personal Pro
h) Upload your Repo OnLine

Entering FabLabs.io

Link: FabLabs.io

We enter the link, then we write our credentials that were sent to our email at the time of our registration


Once registered, we will obtain the link that directs us to our GitLab. Here we will begin to elaborate our Web page, in which we will describe our project step by step



linking to GitLab

Link: GitLab


Here we have an image of our GitLab, from this moment we can make all the modifications to our website as we advance in our project


If for some reason we close our session, this window will appear with the possibility of being able to log in again. Acac we place our credentials that we receive in our mail


From this control panel we can access our project and view the changes we make to it in real time


I decided to download and customize my own template.
To achieve this I went to the following website : freehtml5


After seeing several templates, I decided to use the template "Marble"


Enter my GitLab then import the template that I had downloaded from freehtml5.co


To maintain an order in the encoding enter the information to the folder: "Docs"





To edit the Marble template use the Visual Studio Code program, this is a program that I use for web design and I have it installed on my computer
You can download this program from: Visual Studio Code

Customizing GitLab


We start editing our user profile:
The first thing I did was place my user photo
Then put my current status, for this I decided to put a motivating phrase accompanied by an emoji


We edit the "Preferences", first we choose the theme that will be appreciated when browsing the graphic environment
Then we choose the theme that we will use in the programming environment, in my case use the "Dark" option


After saving all the changes, we can visualize them in each of their assigned spaces within the GitLab environment


Installing Git for Windows

Link: download Git

We downloaded the Git program for Windows, this will allow us to link my GitLab with the server on my computer.
In my case my computer has a 64 bit architecture.


After downloading the program on the computer we proceed to install.
For this, the first thing we must do is accept the terms of the Installation.


We choose the folder where our Git program will be installed.
It is recommended to leave the default path.


We select the components to be installed.
It is recommended to leave the default path.


It is recommended to leave the default path.


We wait for the installation process to complete, this took approximately 5 min in total




Finally we have our Git program installed.
Now we can link our project that is in our GitLab with our project that we will replicate on our local server.

Setup Git

Link: Generate SSH

Now we need to provide security to the connection that will be made from GitLab to our local server.
In the figure we can see the commands we use to create our SSH key
This key will allow the content to be encrypted when it is transferred from one server to another.


Here we can appreciate how we have achieved the generation of our SSH key.
Now what we must do is copy this key to be able to enter it in our GitLab.

Adding SSHkeys to GitLab

Link: GitLab Key

Now that we have copied our SSH key, we go to our GitLab and select: Preferences


From the menu that appears on the left we select SSH Keys


Now we paste the key in the box indicated
Then we put a name to the key that we have created, to differentiate it from future keys that we could create


We finally managed to add an SSH key to secure the data transfer.

Copy your Academy Personal Pro

Link: Clone Repository

With the command "CD" we enter our local folder



We enter GitLab and click on CLONE
Select Clone With SSH


select the command Git Clone
Paste SSH


Now we already have a copy of our project that we are creating in our GitLab.
This will allow us to do all the modifications and tests on our local server, without risking the integrity of our project located in our GitLab.


Upload your Repo OnLine

Link: Repo OnLine


Next we will see the commands that we will use to update the data that has been modified in our local project and in our GitLab


We enter the folder where our project is
Then, with Git Status we visualize if there are changes


Finally we use the commands:
Git Pull
Git add .
Git Commit
Git Push