Sam's personal website
https://github.com/huangsam/huangsam.github.io.git
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.
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