shredbx.com — AI-Augmented Showcase & Portfolio Portal
Professional portfolio and services portal built on SBX framework
// Built with
sveltekit
typescript
go tailwind-css
cloudflare
docker claude-code-cli SBX Framework01 Problem
Needed a professional online presence to showcase 50+ projects spanning 20+ years of software engineering, with rich filtering, project detail pages, experience timeline, and services offering. The site had to demonstrate the SBX framework's capabilities by being built with it.
03 Solution
Built a portfolio website with SvelteKit 2 frontend consuming YAML fixture data through a Go API. Features include portfolio grid with platform/technology/category filtering, project detail pages with narrative fields, experience timeline, education section, and contact forms. All content stored as YAML fixtures with R2 for media assets. Developed entirely with Claude Code CLI under SBX framework governance.
04 Outcomes
Qualitative
- 50+ projects with rich metadata, filtering, and narrative content
- Experience timeline with company associations
- Technology and platform-based portfolio filtering
- Built entirely under SBX governance as proof of concept
06 Constraints
- YAML fixtures as content source — no database for content
- R2 for all media assets — no server-side image serving
- Must demonstrate SBX framework governance in practice
- Mobile-responsive with dark/light theme support
07 Innovation
YAML-fixture-based content architecture with typed loaders and derive functions. No database for content — all professional data stored as structured YAML with TypeScript type safety. Demonstrates SBX framework governance through self-referential portfolio project.
Novelty: moderate
