A high-performance, ultramodern 3D portfolio showcasing fullstack systems that contribute to creativity, education, and civic technology.
Note
This project is a personal rebranding and extension of the open-source portfolio originally developed by David Heckhoff. It has been customized with a unique identity, procedural 3D systems, and Swahili localization.
Builds fullstack systems that contribute to creativity, education, civic technology, and that serve the immediate community & inspire around the globe.
- Frontend: Vue 3 (
<script setup>), TypeScript, Vite - 3D Engine: Three.js (Procedural geometries & GLSL shaders)
- Motion: GSAP (GreenSock), Scroll interaction via Lenis
- Audio: Howler.js for spatial and UI sounds
- Localization: Full Swahili (
sw) and English (en) support
- CEKA: Open-source civic technology platform for citizen empowerment.
- NOD (Number Our Days): Faith-centered Christian companion app.
- Saem's Tunes: Premium music education and production platform.
- Nasaka IEBC: Independent IEBC office finder platform (Built with custom blue themes).
| Command | Description |
|---|---|
npm run dev |
Start development server on port 4173 |
npm run build |
Production build with vue-tsc checks |
npm run preview |
Serve the production build locally |
npm run typecheck |
Validates TypeScript types |
- Avatar:
src/three/objects/avatar/— Procedural afro, skeleton parenting, and matcap skinning. - Header/Logo:
src/components/Logo.vue— Theme-aware rotating project logos with internal routing. - Projects:
src/content/projects/— Specialized content for each project across languages.
✊🏽🇰🇪 Sam Gatana — Nairobi, Kenya