Week 01 — Principles & Practices / Project Management

This week focused on establishing a clean documentation workflow. The goal was to understand Git, GitLab, and website structure, creating a repeatable system for the entire Fab Academy journey.

Overview

Week 01 introduced the fundamental principles and practices of the Fab Academy workflow. The primary focus was to establish a reliable system for project documentation and version control using Git and GitLab.

I began by setting up the development environment, including Git, Visual Studio Code, and a structured project directory. Understanding how to manage files, track changes, and publish updates to the Fab Academy repository was essential to ensure a smooth workflow for the following weeks.

This week also involved building the initial structure of my Fab Academy website. By creating reusable layout components and a consistent visual system, the documentation platform was prepared to support future weekly assignments.

Establishing this workflow early allows the rest of the course to focus more on design, fabrication, and experimentation rather than technical setup issues.

Tools used

Key outputs


Checklist


Git and Version Control

Version control is essential for managing documentation and tracking changes across weeks. I explored both online editing and local Git workflows, ultimately choosing a local development approach.

Basic Git Workflow

git status
git add .
git commit -m "Week 01 documentation"
git push
Standard Git workflow for tracking and publishing changes.

Website Setup

Project Folder Structure

VS Code folder structure
Organized folder structure inside the public directory.

Editing in VS Code

Editing Week01 in VS Code
Writing and refining HTML structure locally.

Local Preview

Local preview using Live Server
Previewing changes instantly with Live Server.

Layout Exploration

Typography and Hierarchy

About page layout experiment
Testing large typography and spatial hierarchy.

A consistent visual language was established early, ensuring all weekly pages follow the same layout logic.


AI Usage Disclosure

AI-assisted Structuring

ChatGPT interface
Using AI tools to refine structure and debug layout.

AI tools were used for structural refinement and debugging. All outputs were reviewed and manually adjusted.


Reflection

This week clarified the importance of version control and structured documentation.

Establishing this workflow early reduces friction for the remaining weeks.