kv-port/README.md

43 lines
2 KiB
Markdown

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