Portfolio

Personal portfolio. SvelteKit + Threlte (Three.js) for a shader-driven 3D background, with a HUD-style card layout for profile/about/projects/stack info.

Stack

• SvelteKit (Svelte 5)
• Threlte / Three.js, threlte-postprocessing (bloom, SMAA)
• TypeScript

Development

npm install
npm run dev

Build:

npm run build
npm run preview

Structure

src/
  lib/
    assets/        logos, icons, profile image
    components/
      scene/        3D scene, camera, shader effects
      ui/           HUD cards (Profile, About, Projects, Stack, ShaderMode...)
    data/           projects.ts
    stores/         accent color, shader mode, transitions
  routes/

Deployment

Static build via adapter-static, deployed to GitHub Pages on push to main (see .github/workflows/deploy.yml).