Hello World

Why Build This Site

As a full-stack engineer, I’ve always wanted a personal space to showcase projects and document technical insights.

Tech Stack

This site is built with:

• Astro - Content-driven static site framework
• React - Interactive components (Three.js scenes, Spline embeds)
• Three.js / R3F - WebGL 3D particle animations
• Tailwind CSS v4 - Utility-first styling
• GSAP - Scroll-driven animations
• Cloudflare Pages - Global CDN deployment

Code Example

import { Canvas } from '@react-three/fiber';

export default function Scene() {
  return (
    <Canvas camera={{ position: [0, 0, 5] }}>
      <ambientLight />
      <mesh>
        <sphereGeometry args={[1, 32, 32]} />
        <meshStandardMaterial color="purple" />
      </mesh>
    </Canvas>
  );
}

What’s Next

• Polish the project showcase
• Add more interactive effects
• Keep writing technical posts