Personal portfolio site showcasing 20 project case studies, an interactive p5.js generative hero, and a live engineering dashboard. The project is organized around the ORGANVM system—a polymathic framework spanning 91 repositories and 8 GitHub organizations.
- Live Hub: 4444j99.github.io/portfolio
- Architecture: The Eight-Organ System
- Frontend: Astro 5 (Static Site Generation)
- Data Viz: D3.js & p5.js
- State: JSON-driven architecture (
src/data/) - Type Safety: TypeScript (Strict Mode)
- Styling: Scoped CSS (No framework)
- Search: Pagefind (Static Indexing)
This repository acts as the Logos (Organ V) node, coordinating data and vitals from across the system.
graph TD
subgraph System [ORGANVM Ecosystem]
I[Organ I: Theory] --> II[Organ II: Art]
II --> III[Organ III: Commerce]
III --> IV[Organ IV: Orchestration]
IV --> V[Organ V: Logos/Portfolio]
V --> VI[Organ VI: Koinonia]
VI --> VII[Organ VII: Kerygma]
VII --> VIII[Organ VIII: Meta]
end
Portfolio[This Repo] -- Consumes --> Data[src/data/*.json]
Data -- Synced From --> External[Sibling Repos]
Portfolio -- Deploys To --> Pages[GitHub Pages]
We enforce a rigorous Quality Ratchet system via custom automation.
| Pillar | Metric | Goal |
|---|---|---|
| Performance | Lighthouse Score | 100 |
| Accessibility | axe-core Coverage | 100% |
| Security | npm audit / Dependabot |
0 Vulnerabilities |
| Integrity | Link Checking | 0 Broken Links |
| Stability | CI Green Runs | 5 Consecutive |
View Detailed Quality Policy
Lighthouse CI enforcement: Perf ≥ 98, A11y ≥ 91, BP ≥ 93, SEO ≥ 92.
Coverage ratchet policy: W2 12/8/8/12, W4 18/12/12/18, W6 25/18/18/25, W8 35/25/25/35, W10 45/32/32/45 (Statements/Branches/Functions/Lines).
Typecheck hint budget policy: W2 <=20, W4 <=8, W6 =0, W8 =0, W10 =0.
Runtime a11y coverage ratchet: 100% enforcement (reached).
Security ratchet checkpoints: 2026-02-21 moderate<=5, low<=4, 2026-02-28 moderate<=2, low<=2, 2026-03-07 moderate<=1, low<=1, 2026-03-14 moderate<=0, low<=0, 2026-03-18 moderate<=0, low<=0.
- Node.js >= 22
- npm
git clone https://github.com/4444j99/portfolio
cd portfolio
npm installnpm run devnpm run build
npm run previewThe consult page now uses a Cloudflare Worker endpoint instead of browser-side third-party SDK calls.
- Set up and deploy the worker in
workers/consult-api/README.md. - Set
PUBLIC_CONSULT_API_BASEto your worker origin (for example,https://portfolio-consult-api.<subdomain>.workers.dev). - Redeploy the Astro site.
If PUBLIC_CONSULT_API_BASE is not set, the consult page still works using deterministic fallback analysis.
Distributed under the MIT License. See LICENSE for more information.