Personal portfolio site: project case studies, lightweight 3D and shader demos, bilingual copy (English and German).
Built with Vue 3, TypeScript, and Vite. Motion via GSAP and Lenis, 3D via three.js, audio via Howler. GLSL is compiled through vite-plugin-glsl.
| Command | Description |
|---|---|
npm run dev |
Dev server on port 3000 (strictPort) |
npm run build |
vue-tsc then production bundle to dist/ |
npm run preview |
Serve the production build locally |
npm run typecheck |
Typecheck only (vue-tsc -b) |
- Projects:
src/content/projects/{en,de}/<slug>.ts— copy, tags, media, links. Slugs must align withprojectIdsinsrc/content/projects/index.ts. - Previews / listing:
src/content/projects/previews/. - Tags: variants and labels live in
src/components/tagVariants.ts(used byTag.vueand content types).
- Vue 3 (
<script setup>), SCSS with shared mixins (src/assets/styles/) - i18n helpers under
src/i18n/ - WebGL / GLSL under
src/three/where applicable
This project was created and designed by David Heckhoff.
If you use this project or substantial parts of its source code as a base for your own portfolio or work, attribution must be preserved.
Please keep:
- existing credit comments in the source code
- this attribution section in the README
- a visible reference to the original project/repository in derivative works
Original portfolio: -> https://david-hckh.com
Commercial reuse or redistribution of substantial portions of this project without permission is prohibited.