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
- Repository (repo): Stores project files and version history.
- Remote repo: Hosted on a website.
- Local repo: Stored on a local machine.
- Clone: Creates a local copy of a remote repo.
- Add: Stages file changes.
- Commit: Saves a snapshot of changes.
- Push: Uploads changes to the remote repo.
- Pull: Updates the local repo with remote changes.
Useful Links
Setting Up GitLab
Installing Git
- For Windows: Install GitBash.
- For Mac/Linux: Open the terminal (Git is usually preinstalled).
Configuring Git
- Set username:
git config --global user.name "YOUR_USERNAME"
- Set email:
git config --global user.email "your.email@example.com"
Setting Up SSH Key
- Check for an existing key:
cat ~/.ssh/id_rsa.pub
- If not found, generate one:
ssh-keygen -t rsa -C "your.email@example.com"
- Copy the key and add it to GitLab.
Cloning My Fab Academy Repository
- Navigate to the desired folder.
- 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.

Uploading My Website to Git
- Make local changes in Visual Studio Code.
- Check for modifications:
git status
- Stage changes:
git add .
- Commit changes:
git commit -m "[your message]"
- 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
- Edited
index.html
for homepage layout. - Added a navigation menu for organization.
- Created a bio and introduction section.
- Styled using CSS for improved visuals.
- 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!