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:

# 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.