personal-3d-portfolio-template-V1 — React 作品集模板

SHA-256: 744a9f36d2509da7e8c445a4e5c59890d9fd039d7b9ec8f1a6d871cc003ae9a7

2026-10-03T00:02:57.030Z

<div align="center">
  <img src="/public/logo.png" width="120" height="120" style="border-radius: 50%; filter: drop-shadow(0 0 25px rgba(255, 107, 44, 0.4));" alt="NS CODEX Emblem">
  
  <h1>🌐 NABORAJ SARKAR | NS CODEX</h1>
  <h3>Student • Builder • Developer • Systems & AI Explorer</h3>
  
  <p>
    <a href="https://naborajsarkar-me.vercel.app/"><img src="https://img.shields.io/badge/Live_Node-naborajsarkar--me.vercel.app-ff6b2c?style=for-the-badge&logo=vercel&logoColor=white" alt="Live Site"></a>
    <a href="https://github.com/naborajs/personal-3d-portfolio-template"><img src="https://img.shields.io/badge/Source_Code-v12.6-white?style=for-the-badge&logo=github&logoColor=black" alt="Source Code"></a>
    <img src="https://img.shields.io/badge/Status-Active_Node-10b981?style=for-the-badge" alt="Status">
  </p>

  <p align="center">
    <strong>"Synthesizing High-Performance Systems with Cinematic Digital Identity."</strong>
    <br />
    <em>Official authority node and personal digital operating system.</em>
  </p>
</div>

---

## ⚡ Mission & Identity

This repository is the **Official Authority Node** for **Naboraj Sarkar** (operating under the personal brand **NS CODEX**). It represents an evolving digital operating system that unifies software deployments, bot automation infrastructure, open technical documentation, and a dedicated mission to provide **free coding education** across India.

### Core Guiding Philosophy
- **BUILD**: Create functional, maintainable systems that solve real problems with zero bloat.
- **LEARN**: Explore emerging technologies deeply—from low-level logic to modern AI pipelines.
- **DOCUMENT**: Demystify complex engineering concepts through clear, open guides.
- **IMPROVE**: Iterate continuously, refining motion, architecture, and user experience with every release.

---

## 🛠 Technical Matrix (The Stack)

| Layer | Technology | Purpose |
| :--- | :--- | :--- |
| **Interface** | `React 19` | Declarative, component-driven logic flow. |
| **Language** | `TypeScript` | Strict end-to-end type safety and maintainable data contracts. |
| **Motion** | `Framer Motion 12` | Physics-driven spring dynamics, hardware-accelerated transforms. |
| **Design System** | `Liquid Smoked Glass` | 3-tier dark architectural glass hierarchy with warm amber/orange accents. |
| **Canvas** | `HTML5 Canvas 2D` | Siri-inspired neural particle constellation background with mouse reaction. |
| **Search / Tools** | `Command Palette (⌘K)` | Global keyboard-driven search and fast section jumping. |
| **SEO & Entity** | `Schema.org JSON-LD` | Machine-readable entity graph for Google, Bing, and AI crawlers. |
| **Build & Deploy** | `Vite 6` + `Vercel Edge` | Rapid ESM bundler and global zero-latency edge distribution. |

---

## 🧩 System Architecture Modules

### 1. Hero & Staggered Reveal Engine
Staggered 3D typographic entrance with live system metadata badges and subtle cursor-reactive depth parallax.

### 2. Dedicated NS CODEX Concept Section
Architectural breakdown deconstructing **NS** (Personal Identity) and **CODEX** (Evolving digital archive of Projects, Systems, Knowledge, Experiments, and Ideas).

### 3. Selected Systems & Project Archive
Editorial showcase highlighting core deployments (*NS CODEX Authority Node*, *Neuro-Mimetic Bot Suite*, *Spatial Experience Engine*, *Open Education Codex*, *Global Pipeline Bridge*) with problem/solution cards and deep blueprint inspection modals.

### 4. Technical Capability Matrix
Categorized matrix covering Languages, AI & Automation, Systems & Backend, Web & 3D, and DevOps without misleading percentage bars.

### 5. Capability Protocols Registry
Interactive registry covering 6 core engineering protocols with category filtering and direct links to project implementations.

### 6. Knowledge Archive & Documentation
Technical documentation library featuring guides on bot architecture, high-performance smoked glass, ICSE-to-fullstack roadmap, and Redis caching with interactive reader overlays.

### 7. Real-Time "Now Node"
Live operational broadcast displaying active priorities (Building, Exploring, Learning, Documenting) accompanied by a live Indian Standard Time (IST) clock.

### 8. Temporal Evolution Timeline
Chronological log from 2021 beginnings to 2026 current node and next-generation distributed systems exploration.

### 9. Digital Network & Direct Inquiry
Verified communication channels (GitHub, YouTube, LinkedIn, Instagram, X, WhatsApp Business) with copyable email/contact utilities.

---

## 📡 Connectivity Registry

| Node | Handle / Endpoint | Purpose |
| :--- | :--- | :--- |
| **Primary Website** | [naborajsarkar-me.vercel.app](https://naborajsarkar-me.vercel.app/) | Official Digital System |
| **Code Repository** | [github.com/naborajs](https://github.com/naborajs) | Open Source Codebases |
| **Educational Channel** | [youtube.com/@Nishant_sarkar](https://youtube.com/@Nishant_sarkar) | Free Coding Tutorials |
| **Professional Sync** | [linkedin.com/in/naboraj-sarkar](https://linkedin.com/in/naboraj-sarkar) | Professional Network |
| **Creative Log** | [instagram.com/naborajs](https://instagram.com/naborajs) | Builder Journey |
| **Ideas & Updates** | [x.com/ItsNaborajs](https://x.com/ItsNaborajs) | Tech Discourse & Updates |
| **Direct WhatsApp** | [+91 89006 53250](https://wa.me/918900653250) | WhatsApp Business Direct |
| **Direct Email** | [[email protected]](mailto:[email protected]) | Professional Inquiries |

---

## 🚀 Local Development & Execution

```bash
# 1. Clone the repository
git clone https://github.com/naborajs/personal-3d-portfolio-template.git

# 2. Navigate to project directory
cd personal-3d-portfolio-template

# 3. Install dependencies
npm install

# 4. Start local development server
npm run dev

# 5. Build production bundle
npm run build
```

---

## ⚖️ License & Attribution

Distributed under the **MIT License**.

**Identity Notice:** Code logic and architecture are open-source. The **NS CODEX branding, logo, and the personal identity "Naboraj Sarkar"** remain the personal property of Naboraj Sarkar.