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). The technical project vault files have been successfully migrated and formatted. A comprehensive portfolio codebase audit was recently performed. All systems are stable, lint-free, and fully operational with the latest UI telemetry charts.