1/30/2026 Updated
This semester’s coding curriculum is divided into two parts:
Part I: Web Development Foundations. The primary goal is to migrate my design portfolio from Cargo to a custom-built, self-hosted website.
Part II: AI-Assisted Drawing Tool. Using Python and PyTorch (or other ML frameworks), I aim to develop an AI agent that assists in the creative drawing process. The initial phase involves creating a drawing application with a graphical user interface (GUI), capturing user interactions as structured datasets, and feeding them into machine learning models. The diagram below illustrates the underlying logic and architecture of this system.
The goal of this project is to migrate my existing portfolio website—originally built and hosted on Cargo—into a fully self-built and self-hosted website.
Through this process, I aim to gain a deeper understanding of front-end fundamentals and take full control over the structure, design, and interaction of my portfolio.
To accomplish this project, I plan to focus on the following tools and technologies:
HTML5 (Semantic Structure)
Used to construct the content and information hierarchy of my portfolio website.
CSS3 (Layout & Styling)
Especially Flexbox and CSS Grid, for building responsive layouts that recreate—and improve upon—Cargo’s template system.
JavaScript (DOM Manipulation)
Used to add interactivity and dynamic content beyond relying solely on p5.js canvases.
Version Control (Git / GitHub)
For source control, collaboration readiness, and deployment.