Tay Za
Tay Za
Back to Garden

Project Context: Premium Founder Portfolio

2026-06-04
contextarchitecture

Project Context: Premium Founder Portfolio

Last Updated: 2026-06-07 Author: Tay Za / AI Agent

What is this?

This is a Premium Founder Portfolio built to act as a dynamic, highly interactive single-page SaaS dashboard rather than a static resume. It showcases Tay Za as a systems architect and startup founder (focused on the Myanmar & Thailand markets).

Key Features

  1. Proof of Work: Live indicators, automated metrics, and architectural showcases.
  2. Immersive UI: High-fidelity UI using dark glassmorphism, Framer Motion for spring physics, scroll-progress bars, and magnetic buttons.
  3. AI Twin (RAG & Generative UI): A built-in AI chatbot (Gemini Flash) trained locally on Tay Za's background via a custom in-memory Retrieval-Augmented Generation (RAG) engine. Upgraded to support Generative UI components (Tech Stack, Project Cards, Contact Cards) rendered dynamically using Vercel AI SDK tool calling.
  4. Live Telemetry Dashboard: A live engineering statistics panel connected to the GitHub API, featuring 1-hour incremental static regeneration (ISR) caching, and advanced visualizations (Activity Pulse Graph, Contribution Heatmap, and Tech Stack Radar).
  5. Obsidian Digital Garden: A public-facing engineering blog route (/garden and /garden/[slug]) that reads directly from local markdown notes, rendering them server-side using MDX and parsing Obsidian wikilink syntax.

Stack Overview

  • Core: Next.js 16 (App Router), React 19, TypeScript.
  • Styling: Tailwind CSS v4, PostCSS, @tailwindcss/typography (for Digital Garden layout).
  • Animations: Framer Motion.
  • AI Infrastructure: Vercel AI SDK, Google Gemini API, Zod.
  • Content Rendering: next-mdx-remote/rsc, gray-matter (for frontmatter parsing).
  • Local Database: .json files for embeddings and knowledge chunks.

Project Structure

  • src/app/: Next.js pages, layouts, and API routes (api/chat/route.ts, api/telemetry/github/route.ts).
  • src/app/garden/: Route entry points for the Obsidian Digital Garden.
  • src/components/: Reusable UI components (sections, chat, layout).
  • src/components/chat/generative-ui/: Dynamic UI components rendered inline during AI chat conversations.
  • src/data/: portfolio-knowledge.json and portfolio-embeddings.json.
  • src/lib/: Core helpers (notes.ts for garden parsing, vector.ts for semantic search, utils.ts).
  • scripts/: CLI scripts like generate-embeddings.mjs.
  • .notes/: The Obsidian note vault, containing daily logs, architectural documentation, and project details.

Current Status

The portfolio upgrade (V2) has completed three major phases: baseline stabilization (Phase 0), Generative UI integration (Phase 1), Live Telemetry Dashboard implementation with advanced data visualizations (Phase 2), and Obsidian Digital Garden setup (Phase 4). Recently, a Mobile Polish & UI Scaling review was completed, introducing the futuristic Operator Profile dossier, the interactive Tech Arsenal (System Capabilities), and the regional Systems Console (Vision). All systems are stable, lint-free, fully responsive on mobile devices, and fully operational.