Tools:
Macbook Pro 2021: my laptop
Apple Notes: brainstorming and keeping track of my work
ChatGPT o1: writing and brainstorming
Claude 3.5 Sonnet: writing, coding, brainstorming
Figma: design + wireframing
Linear: task management
VS Code: coding
Technology Stack
Next.js / React: Next.js is a fullstack React framework that provides structure, features, and optimizations such as server-side rendering and client-side navigation.
TypeScript: TypeScript is a superset of JavaScript that adds static type definitions, helping developers catch errors early and improving code maintainability.
Tailwind CSS: Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces with a consistent design system.
tailwind-scrollbar: tailwind-scrollbar is a Tailwind CSS plugin that allows for easy customization of scrollbar styles.
Framer Motion: Framer Motion is a powerful declarative motion library for React that enables developers to quickly create animations with very little code.
ContentLayer: Contentlayer is a content SDK that validates and transforms your content into type-safe JSON data you can easily import into your application.
MDX: MDX is a format that allows you to write JSX in Markdown documents, enabling the inclusion of React components within Markdown content.
Upstash: Upstash is a serverless database for Redis, optimized for low-latency. It is commonly used for caching, real-time analytics, and message broadcasting. For the portfolio, it is used to track project views.
date-fns: date-fns is a modern JavaScript date utility library that provides lightweight date and time manipulation functions.
ESLint: ESLint is a static code analysis tool for identifying and fixing problems in JavaScript and TypeScript code, ensuring code quality and consistency.
Vercel: Vercel allows developers to build, deploy, and scale with ease.
Thank you for inspiring parts of my site.
Sarah Guo: Loved Sarah's branding and artistic direction.
Chronark: Chronoark's stack provided a starting point for my project.
Anthony Zhou: A friend who inspired me to read and write more frequently.
Hayden Bleasel: Hayden has some great portfolio designs that provided a starting point for my own site.