๐Ÿ“ฆ huangsam / huangsam.github.io

Sam's personal website

โ˜… 3 stars โ‘‚ 0 forks ๐Ÿ‘ 3 watching โš–๏ธ MIT License
csseslintgithub-pagespersonal-websiteplaywrightprettiersveltetypescriptvite
๐Ÿ“ฅ Clone https://github.com/huangsam/huangsam.github.io.git
HTTPS git clone https://github.com/huangsam/huangsam.github.io.git
SSH git clone git@github.com:huangsam/huangsam.github.io.git
CLI gh repo clone huangsam/huangsam.github.io
Samuel Huang Samuel Huang Update site dependencies e39ba48 4 days ago ๐Ÿ“ History
๐Ÿ“‚ main View all commits โ†’
๐Ÿ“ .github
๐Ÿ“ .husky
๐Ÿ“ .vscode
๐Ÿ“ src
๐Ÿ“ static
๐Ÿ“ tests
๐Ÿ“„ .editorconfig
๐Ÿ“„ .gitignore
๐Ÿ“„ .npmrc
๐Ÿ“„ .prettierignore
๐Ÿ“„ .prettierrc
๐Ÿ“„ AGENTS.md
๐Ÿ“„ eslint.config.js
๐Ÿ“„ LICENSE
๐Ÿ“„ package.json
๐Ÿ“„ pnpm-lock.yaml
๐Ÿ“„ README.md
๐Ÿ“„ svelte.config.js
๐Ÿ“„ tsconfig.json
๐Ÿ“„ vite.config.js
๐Ÿ“„ README.md

GitHub Pages for huangsam

GitHub Actions Workflow Status License

Hosts the code for my personal site.

The codebase has went through multiple phases of JavaScript - and Typescript - but here's a high-level overview of what's changed over the years:

Year Core Test Bundle
2017 Vanilla JS Jest, Puppeteer Webpack
2021 React, Gatsby N/A Webpack
2024 Svelte, SvelteKit Vitest, Playwright Vite

In all of these cases, the site's HTML and CSS were written from the ground up. No CSS libraries and frameworks (think [Tailwind] and [Bootstrap]) were used in the process of building this site. It was personally beneficial, as it encouraged me to learn CSS styling at a deeper level.

Getting started

Here are the commands you need to know:

# Install dependencies
pnpm install

# Run dev server on http://localhost:5173
pnpm dev

# Build and deploy to the gh-pages branch
pnpm github