PROJECT MANAGEMENT

Week1 was all about setting up the softwares needed for developing a website to document all the work throughout the Fab Academy Program. This softwares are GitLab and Vision Studio Code.

BRIEF ON THE SOFTWARES

GITLAB

GitLab is a cloud-based platform that helps developers manage their code, plan projects, deploy projects.It is built on Git, a version control system, and it is used by millions of people. git allows teams to manage and keep track of changes to their code. It enables multiple users to work on the same codebase simultaneously and provides features such as branching and merging to mange different versions of code.

VISUAL STUDIO CODE

visual Studio Code (famously known as VS Code) is a free open source text editor by Microsoft. VS Code is available for Windows, Linux and MacOS. VS Code supports a wide array of programming languages from Java, C++ and Python to CSS, Go, and DOckerfile. Moreover, VS Code allows you to add on or even creating new extensions including code linters, debuggers etc.

SETTING UP

STEP 1

I first downloaded the Gitbash for windows here, then configured my email address for uploading. I then generated an SSH KEY then copied into my account, into GIT web version.

installing git

Configuring Email address and Username

After downloading the gitlab I then set up my username and my email address.

username setup username

Generating SSH key

I generated the SSH key by running the below code on the terminal and then copied it to GIT online version.

generating ssh key copying ssh key

STEP 2

I then created a new repository and cloned it with a remote/online repository.

cloning

STEP 3

I downloded VS Code here, and installed it.

DEVELOPING THE WEBSITE

I resorted to using a template for my website because building a website from a scratch was a bit complicated for me as it was my first trial. And also I was looking at the time effectiveness of using a template. I opted for a Phantom template from this website. This is because the layout is suitable for what I am documenting.

template

STEP 1

I deleted the preset Fab Academy template files from my local repository, and replaced them with the files from the downloded tepmlate. (Copied Phantom html files into my local repo).

template

STEP 2

I started off editing the CSS file, changing the color of the tiles on the home page to my preference, from multiple colors to single color, blue.

color

I added a new html fine, projectmanagement file for week one assignment. I also edited the files with my own documentation.

pm

STEP 3

From the terminal tab, I added the files to the new staging area, commited the changes and pushed them to the online repository. The following commands were used:

    git add .

    This is the command to add files to the staging area in Git. The staging area (also called the index) is where you prepare files before committing them to the repository.

    add

    git commit -m "third commit"

    The command git commit is used to record changes to the local Git repository after you've staged them using git add. It takes all the changes that were added to the staging area and saves them as a commit in the repository's history.

    commit

    git push

    The git push command is used to upload local commits to a remote repository, like GitHub or GitLab. When you push, you're transferring the commits you've made locally to a remote repository so others can see and collaborate on them.

    push

IMAGE OPTIMIZATION

To reduce the image file sizes I used an online tool.

size

STUDENT AGREEMENT

I am a Fab Academy student, responsible for:

  • Attending class lectures and participating in reviews
  • Developing and documenting projects assigned to introduce and demonstrate skills, in enough detail to be able to reproduce them
  • Honestly reporting on my work, and appropriately attributing the work of others (both human and machine, including AI prompts)
  • Being prepared to answer questions about my work
  • Allowing the Fab Academy to share my work (with attribution) in the class for purposes compatible with its mission
  • Working safely
  • Leaving workspaces in the same (or better) condition than I found them
  • Participating in the upkeep of my lab
  • Ensuring that my tuition for local and central class costs is covered
  • Following locally applicable health and safety guidance
  • Recognizing limits on lab and staff time
  • Promoting a respectful environment free of harassment and discrimination
Signed by committing this file in my repository,

Alan Dintsi

Download the Student Agreement here.