## 1. Project Overview & Quickstart (huangsam/README.fr)

## 1. Project Overview & Quickstart (huangsam/README.fr)

## 1. Project Overview & Quickstart (huangsam/README.fr)

# README.fr

Open-source repository huangsam/README.fr

### Repository Details
- **Repository:** [huangsam/README.fr](https://github.com/huangsam/README.fr)
- **Primary Language:** Code

*Note: High-volume repository documentation is actively indexed and synchronized by YakaAI.*

## 2. Official Technical Reference & Guides (huangsam/huangsam.github.io)

# GitHub Pages for huangsam

[](https://github.com/huangsam/huangsam.github.io/actions)
[](https://github.com/huangsam/huangsam.github.io/blob/main/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.

[Tailwind]: https://tailwindcss.com/
[Bootstrap]: https://getbootstrap.com/

## Getting started

Here are the commands you need to know:

```shell
# Install dependencies
pnpm install

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

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

## 2. Official Technical Reference & Guides (huangsam/huangsam.github.io)

# GitHub Pages for huangsam

[](https://github.com/huangsam/huangsam.github.io/actions)
[](https://github.com/huangsam/huangsam.github.io/blob/main/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.

[Tailwind]: https://tailwindcss.com/
[Bootstrap]: https://getbootstrap.com/

## Getting started

Here are the commands you need to know:

```shell
# Install dependencies
pnpm install

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

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

## 2. Official Technical Reference & Guides (huangsam/huangsam.github.io)

# GitHub Pages for huangsam

[](https://github.com/huangsam/huangsam.github.io/actions)
[](https://github.com/huangsam/huangsam.github.io/blob/main/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.

[Tailwind]: https://tailwindcss.com/
[Bootstrap]: https://getbootstrap.com/

## Getting started

Here are the commands you need to know:

```shell
# Install dependencies
pnpm install

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

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