Home Weekly Assignments Final Project About Me

Week 1 — Principles and practices, project management

Henry Yu · Chaihuo Makerspace · Shenzhen, China

1. Git operations and GitLab upload

I first checked that Git was installed, then generated a new SSH key pair on my laptop, copied the public key, and added it to GitLab SSH settings. After that, I started the SSH agent, added my private key, and verified the connection with ssh -T git@gitlab.fabcloud.org. The terminal showed a welcome message, confirming that SSH authentication worked correctly.

  1. Check Git version and generate SSH key (ssh-keygen -t ed25519).
  2. Copy public key and add it to GitLab profile SSH Keys.
  3. Run SSH agent and test the connection until welcome message appears.
Generate ed25519 SSH key in terminal
Figure 1.1 - Generate SSH key and copy public key from terminal.
Add SSH key to GitLab user settings
Figure 1.2 - Add the SSH public key in GitLab settings.
SSH test welcome message from GitLab
Figure 1.3 - SSH test success message from GitLab.
Configure git username and email
Figure 1.4 - Configure Git identity for commits.
Clone repository and check git status on main branch
Figure 1.5 - Clone repository locally and verify branch status.

Next I edited the website content in the repository, committed and pushed the change to the main branch, and checked GitLab Pipelines. The pipeline status was Passed, so the deployment step completed successfully.

Git add, commit and push in terminal
Figure 1.6 - Terminal output of first commit and push.
GitLab pipeline passed after first push
Figure 1.7 - GitLab pipeline passed after first push.

I compressed an image using Squoosh, added it to the repository and referenced it in HTML, then committed and pushed. I verified the pipeline again and confirmed the image appeared on the deployed website.

  1. Compress image with Squoosh before upload.
  2. Add image and HTML changes, then commit and push.
  3. Verify successful pipeline and check image on live site.
Image compression process in Squoosh
Figure 1.8 - Compress image with Squoosh.
Git add commit push for image and HTML
Figure 1.9 - Commit and push compressed image and HTML reference.
GitLab pipeline passed after image update
Figure 1.10 - Pipeline passed after image update.
Live website showing uploaded image
Figure 1.11 - Live website check after deployment.

2. About me section/page

This section is intentionally left blank for now.

3. Final project sketch and description page

This section is intentionally left blank for now.

4. Student agreement

Click to view my signed agreement

Signed file path: documents/student-agreement-signed.md

Back to weekly assignments · Home