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