1. Project management¶
In the first week, we worked on developing our own website in order to document all the tasks we do during each week. For example, for the first week we need to ducment how we made changes to the website and explain how to use some softwares like visual studio.
Task 1¶
Definitions¶
GitLab¶
GitLab is an open-source platform based on Linus Torvald’s distributed version control system, Git. It offers a wide range of features and tools for managing Git repositories, code review, issue tracking, project planning, continuous integration/continuous deployment (CI/CD), and more. Essentially, GitLab streamlines and increases the efficiency of the software development lifecycle by combining all of its components into a single, smooth interface.
Mark down¶
You can add formatting features to plaintext text documents using Markdown, a lightweight markup language. One of the most widely used markup languages worldwide today is Markdown, which was developed by John Gruber in 2004.
Task 2¶
Website¶
To start editting the website I had to create an account in FabLabs and to do that I firstly had to accept the invitation sent by email. Once I got the invitation, I clicked on join now
Then, I have created my account, signed in to get the below image and clicked on the link to view the files:
I clicked on docs to see pages of my website
Now, I am able to see the navigation menu of my website
How can I open my website?¶
To open the website, I clicked on Deploy > Pages
Then, I got the link of my website
How to edit the website?¶
To edit the website, I had to click on Edit > Web IDE
Now for example, if I want to edit the home page I will click on docs > index
If I want to edit another page I will simply click on it and start editing it.
After editting, you will get a sign in the source control
To push the change you need to write a commit and click on commit and push to ‘master’
How to clone my website into Visual studio code?¶
Step 1 Download Visual studio code
Step 2 Click on Code > Visual studio code
Step 3 Enter Git lab email and password
How to use syntax to edit my website?¶
To upload a photo or video, to make the font bold, to make headings you need specific syntax. Now, I will present some of the essential syntax that I will be use to edit my website.
headings
For headings you need to simply use the # symbol before the text or sentence. One # will give you Heading 1 , two ## will give you Heading 2. More #’s means smaller font.
For example,
Hello¶
Hello¶
Hello¶
The image below shows how I got the above output:
Bold
To make the font bold you need to write the sentence/word .. in the place of the two dots.
Upload images
To upload images, you have to use the below syntax.
So, in folder name you write the name of the folder and then the image name and finally the image format such as PNG
Upload a link
To upload a link, you have to use the below syntax.
How to commit using Visual studio code?¶
Step 1 Open Visual studio application > docs > select the page and in this case agreement
Step 2 Make the change > Source control > write a comment > commit
Step 3 Click on Sync changes
Step 4 Wait for few seconds/minutes, refresh the page to see the change
Task 3¶
Final project¶
During the first week, we were asked to find an idea for our final project. There are some conditions like to have a mechanical set up and electronics input and output. So, I thought of creating something that I am interested in to enjoy the project and since I love football I thought of creating a football exercise to increase the pass accuracy of the player.
