Skip to content

1. Project management

The goal of first week session is to use some web development tools and utilise version control protocols for project management. The softwares used to manage projects are Atom IDE(Development Environment) and version control Git Bash. Steps below are about mkdocs

mkdocs

mkdocs does not require you any coding skills, basically it is site generator where you put small short Markdown code to build your project documentation and configured with GitLab. interested? keep scrolling and follow steps to build your own as well.

How my website works?

My website consists of frontend and backend. Frontend is what you view and navigate to search for something while backend is what happens behind theatre. So softwares used to build this is Atom IDE is where you put your Markdown codes to modify your website. GitBash is terminal that exists with an operating system through written commands, it works with set of commands Fab Lab team made use “clone with ” command to adopt my website. Final thing is Gitlab used to keep your files organized.

Atom IDE Atom is a free and open-source text and source code editor developed by GitHub. It enables you to install third-party packages and it support GitLab repository where all your working files there you could view them on Atom editor

Atom IDE Download

Atom IDE Downloading steps
1- Click the button and download the .exe file. 2- Automaticlly will download in .exe file wait for the load to complete 3-Tdaa it's installed

Git Bash is a version control system that provides shell utilities and Git command line commands well if you’re a beginner you really need to know the use of command lines because and you’ll need it alot!

GitBash Download

GitBash Downloading steps
1- Download the Git Bash setup from the official website: https://git-scm.com/ 2- Automaticlly will download in .exe file wait for the load to complete 3-Tdaa it's installed

What the hell git?

Well, let me say it’s something where all your secrets in. Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

GitLab is a web-based Git repository that provides free open and private repositories to preform projects tasks and modifications. It acts like the backend of my website where what is behind the movie haha!

GitLab Downloading step


I logged in to GitLab using my FabLabs account

In Files tab , I could see all my assignments files that I will be working on during Fab Academy weeks

How to upload an image

Just scroll through the file you want to build image and click upload than your image will be downloaded.

Clone files to Atom using GitBash command

Clone files from GitLab with HTTPS

copy and paste the link in GitBash command

The command line is “clone with (your link)”

PUSH IN or PULL UP

To modify your files there are features in Atom to push in your work and you could view it in GitLab repository.

You could see here I’m writing a messege as testing and then there are staged and unstaged well, basically to view the changes you make while working in your files

Final Step (Push In)

And the important final step is to push in your work!


Last update: August 18, 2022