1. Project Management

This week I worked on defining my final project idea and started the documentation journey.

Research

Fab Academy requires in-depth documentation of projects, and websites are an effective way to display work and connect with others. I am using GitLab to manage and store my files in a repository accessible to other Fab Academy students.

Key Concepts

Useful Links

Setting Up GitLab

Installing Git

  1. For Windows: Install GitBash.
  2. For Mac/Linux: Open the terminal (Git is usually preinstalled).

Configuring Git

  1. Set username: git config --global user.name "YOUR_USERNAME"
  2. Set email: git config --global user.email "your.email@example.com"

Setting Up SSH Key

  1. Check for an existing key: cat ~/.ssh/id_rsa.pub
  2. If not found, generate one: ssh-keygen -t rsa -C "your.email@example.com"
  3. Copy the key and add it to GitLab.

Cloning My Fab Academy Repository

  1. Navigate to the desired folder.
  2. Clone the repository: git clone git@git.fabacademy.org:fabacademy2024/yourlabname/yourstudentnumber.git

Local Computer Organization

On my personal computer, which will be the primary station I will be working on for this project, I have clearly defined and organized files.

folder organization

Uploading My Website to Git

  1. Make local changes in Visual Studio Code.
  2. Check for modifications: git status
  3. Stage changes: git add .
  4. Commit changes: git commit -m "[your message]"
  5. Push to the remote repository: git push

Customizing My Website

After setting up my website, I customized it by adjusting the color palette, fonts, and layout. I used Visual Studio Code to edit HTML and CSS files and experimented with flexboxes for layout structuring.

Steps to Customize

  1. Edited index.html for homepage layout.
  2. Added a navigation menu for organization.
  3. Created a bio and introduction section.
  4. Styled using CSS for improved visuals.
  5. Uploaded and embedded images.

Final Steps

After pushing all changes, I verified them by visiting my Fab Academy Git repository. My website is now live and ready for future documentation!