# Lin Hugo

> Personal site of Lin Hugo — software builder, writer, and photographer. Covers code, systems design, photography and travel.

## Pages

- [About](https://1chooo.com): A short introduction to who I am.
- [Bio](https://1chooo.com/bio): My background, work history, and interests.
- [Projects](https://1chooo.com/projects): Open-source and personal projects.

## Thoughts

- [Art](https://1chooo.com/thoughts/art): Code-generated art pieces — procedural textures, noise fields, and visual experiments made with algorithms instead of brushes.
- [AI](https://1chooo.com/thoughts/ai): A reflection on how AI, while boosting productivity, quietly erodes deep learning and independent thinking—and why the solution isn't to reject it, but to engage with it more intentionally and grow into higher-level thinking.
- [AI Agent](https://1chooo.com/thoughts/ai-agent): I delivered software with an estimated $1M engineering cost in just two days, and it only cost me $7.14 for the entire GitHub Copilot usage!
- [The Seen](https://1chooo.com/thoughts/the-seen): Art Is Not What You See—It's What You Feel!
- [Power Law](https://1chooo.com/thoughts/power-law): How exponential compounding turns small, consistent gains into extraordinary wealth — and why starting early is the only real secret.
- [Software Compound Interest](https://1chooo.com/thoughts/software-compound-interest)

## Notes

- [The Bell Curve](https://1chooo.com/notes/bell-curve): A bottom-up exploration of the normal distribution — from a single coin flip to Galton's bean machine to the Central Limit Theorem — with fully interactive simulations.
- [REST API](https://1chooo.com/notes/rest-api): A deep dive into REST — resources, HTTP methods, request and response structure, status codes, authentication, and the constraints that make an API RESTful.
- [DOM](https://1chooo.com/notes/dom): A complete guide to the Document Object Model — from the node tree and traversal through querying, manipulation, events, and performance.
- [/llms.txt](https://1chooo.com/notes/llms-txt): What llms.txt and llms-full.txt are, how the spec works, and how to add them to a Next.js site — including a per-page clean reader route.
- [TCP](https://1chooo.com/notes/tcp): A deep dive into the Transmission Control Protocol — segment structure, the three-way handshake, connection teardown, flow control, and the full state machine.
- [CSS Layout](https://1chooo.com/notes/css-layout): A complete guide to CSS layout — from normal flow and the box model through Flexbox, Grid, and positioning.
- [Landing Page](https://1chooo.com/notes/landing-page): A landing page is a single, high-stakes surface. This post breaks down the anatomy section by section — hero, fold, social proof, CTAs — and introduces Magic UI, the animation library I reach for when I want motion without friction.
- [Image Compression](https://1chooo.com/notes/image-compression): How JPEG and WebP shrink images without (visibly) breaking them — a tour of colour spaces, 8×8 blocks, quantisation, and a live quality demo.
- [OpenGraph Image](https://1chooo.com/notes/opengraph-image): A deep dive into OpenGraph images — the 1200 × 630 canvas that previews your content on every social platform — and how to build a live generator with React and canvas.
- [Traceroute](https://1chooo.com/notes/traceroute): An interactive traceroute and DNS explorer for understanding how packets travel and how domains resolve.
- [Motion](https://1chooo.com/notes/motion): A guide to building delightful UI animations with Motion (Framer Motion) — covering the core concepts and four real-world component examples.
- [Server and Client Components](https://1chooo.com/notes/server-and-client-components): A complete guide to React Server Components and Client Components in Next.js — what they are, what they can do, and how to compose them correctly.
- [SE6029—OOAD](https://1chooo.com/notes/se6029): Object-Oriented Analysis and Design: the four pillars, polymorphism and vtables, UML relationships, finding classes, and design patterns — with interactive visualisers.
- [Sorting Algorithms](https://1chooo.com/notes/sort): A ground-up guide to sorting algorithms — bubble, selection, insertion, merge, and quick sort — with step-by-step visualisations and complexity analysis.
- [DSA](https://1chooo.com/notes/dsa): A practical guide to data structures and algorithms — from Big O through arrays, linked lists, stacks, queues, hash tables, trees, and graphs.
- [Snake Game](https://1chooo.com/notes/snake-game): A walkthrough of the classic Snake game — covering the core concepts and building a fully interactive React component with TypeScript.

## Episodes

- [Grand Teton National Park](https://1chooo.com/episodes/teton): Grand Teton National Park, Wyoming
- [Griffith Observatory](https://1chooo.com/episodes/griffith): Griffith Observatory, Los Angeles, California
- [Tijuana](https://1chooo.com/episodes/tijuana): Tijuana, Mexico
- [San Diego](https://1chooo.com/episodes/sd): San Diego, California
- [Santa Monica](https://1chooo.com/episodes/santa-monica): Santa Monica, California
- [Disneyland's 70th Anniversary](https://1chooo.com/episodes/disney): Disneyland, California
- [USC](https://1chooo.com/episodes/usc): USC
- [Jioufen](https://1chooo.com/episodes/jioufen): Jioufen, Taiwan

## Agent Skills

- [project foundation](https://1chooo.com/skills/1chooo-project): Stack, route groups, where to put code, import conventions, and design system for 1chooo.com.
- [next.js app router](https://1chooo.com/skills/nextjs-app-router): Server/Client boundaries, async params, proxy.ts auth guards, data fetching patterns, and workspace shell conventions.
- [api routes](https://1chooo.com/skills/api-routes): REST handler conventions — requireUser(), Zod safeParse, Supabase service client, and standardized response shapes.
- [types & constants](https://1chooo.com/skills/types-and-constants): types/ for TypeScript types, lib/ for domain constants — strict separation enforced throughout the codebase.
- [auth & supabase](https://1chooo.com/skills/utils-auth-supabase): Supabase client matrix, auth helper functions, cookie options, CORS setup, and the dual sign-in pattern.
- [mdx content](https://1chooo.com/skills/mdx-content): Article sections, JS-object frontmatter, scaffolding commands, demo registration, and LLM routes.
- [article components](https://1chooo.com/skills/article-components): Two-column interactive demo shell, button styles, right-panel blocks, color palette, and file organization for components/articles/.
- [shared ui primitives](https://1chooo.com/skills/components-ui): Radix import style, Dialog API, ConfirmDialog, Sonner placement, and Chart conventions for components/ui/.
- [services ui](https://1chooo.com/skills/services-ui): Lowercase copy, monospace buttons, form inputs, workspace shells, sign-in redirects, and client fetch patterns for authenticated mini-apps.
- [confirm dialogs & toasts](https://1chooo.com/skills/services-confirm-toasts): ConfirmDialog for destructive actions, Sonner toasts for create/delete feedback — never window.confirm() in services.
- [admin ui](https://1chooo.com/skills/admin-ui): Plain button tab switchers, square corners, no Radix Tabs — consistent active/inactive states for the admin dashboard.