Stephen Humburg — Portfolio Website

This site is a professional portfolio where you can learn about my background, download my resume, and find links to my work and professional profiles. I built this site myself using Angular and Claude Code as a hands-on example of how I leverage modern tools to ship software efficiently.

Live Site

https://iamgarlug.com

Built With

Production

• Angular 21
• Angular Material 21
• TypeScript 5.9.3
• Mermaid 11.13.0

Development

• Angular CLI 21.2.2
• Vitest (unit testing)
• Claude Code (AI-assisted development)

CI/CD

Merging a pull request into main automatically triggers the GitHub action deployment workflow, which tests, builds, and deploys the application to AWS.

flowchart TB
    subgraph Manual
        Modify[Modify Code] --> PR[Merge PR to main]
    end
    subgraph Automatic
        subgraph GHA[GitHub Actions]
            Test[Run Tests] --> Build[Build Site]
        end
        subgraph AWS
            S3[Sync to S3 Bucket] --> CF[Invalidate CloudFront Cache]
            CF --> Live[Live at iamgarlug.com]
        end
        GHA --> AWS
    end
    Manual --> Automatic

Loading

Environment Configuration (not committed)

This project uses Angular's environment file pattern. Copy and configure the environment files before building:

src/environments/environment.ts        ← development
src/environments/environment.prod.ts   ← production

See src/environments/environment.ts for the required keys.

Building

ng build

Build artifacts are stored in the dist/ directory.

Running unit tests

ng test

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/.