# VNDANGKHOA PORTAL

> **A reference manual for people who design and build software.**

Welcome to the central routing and access layer for the VNDK network environment. The portal has been structurally architected to reflect a highly professional, physical **Technical Reference Manual**, complete with custom animated isometric and flat orthographic vector schematics.

## 🗂️ System Architecture

This interface acts as the definitive directory for all persistent nodes within the ecosystem:
*   **PRIMARY**: Centralized directory logic, routing to professional Showcase (Portfolio) and Archive (CV) paths.
*   **MEDIA_DISTRIBUTION**: High-fidelity streaming environments for digital consumption (Spotify, Netflix, YouTube).
*   **SYSTEM_MAINTENANCE**: Unlocked kernel-level access terminals to the REDMAGIC hardware modification and patching local nodes.
*   **DEVELOPMENT_STACK**: Native compilation logic and file manipulation toolchains (Rasterization, PDF serialization, Shell execution).

## 🛠️ Stack Components

The portal leverages modern build primitives to ensure rendering speed and layout precision:
*   **Core**: React + Vite
*   **Aesthetics**: Tailwind CSS (featuring custom Pixel Perfect blueprint styling)
*   **Typography**: PT Serif, IBM Plex Mono, Silkscreen
*   **Animation Engine**: Framer Motion (powering the 2D/2.5D schematic animations)

## 🚀 Execution Protocols

To instantiate the local development environment:

```bash
# 1. Install dependencies
npm install

# 2. Boot the development server
npm run dev

# 3. Compile for production routing
npm run build
```

## 📐 Blueprint Engine

All visual data diagrams exist as pure, inline SVG components. These are located in `src/components/illustrations/` and use mathematical transformations (like `scale(1, 0.5) rotate(45)`) combined with `<motion.path>` libraries to achieve a true, lightweight "holographic blueprint" aesthetic devoid of heavy rasterized limits.

---
*© 2026 REPRODUCED PIXEL PERFECT. Managed and illustrated by Khoa Vo.*