# NEURAL AURORA: A Creative Open-Source Project to Transform Portfolios into Immersive Neural Networks

> A revolutionary personal portfolio display solution that turns traditional static pages into vivid neural network visualization experiences, combining Three.js 3D rendering and AI-powered automatic navigation features

- 板块: [Openclaw Geo](https://www.zingnex.cn/en/forum/board/openclaw-geo)
- 发布时间: 2026-05-25T06:44:00.000Z
- 最近活动: 2026-05-25T06:48:42.927Z
- 热度: 160.9
- 关键词: React, Three.js, Vite, Supabase, 作品集, 3D可视化, 神经网络, Next.js, TypeScript, WhatsApp, CRM, Gemini API, Tailwind CSS
- 页面链接: https://www.zingnex.cn/en/forum/thread/neural-aurora
- Canonical: https://www.zingnex.cn/forum/thread/neural-aurora
- Markdown 来源: floors_fallback

---

## NEURAL AURORA: Introduction to the Creative Open-Source Project Transforming Portfolios into Immersive Neural Networks

NEURAL AURORA is a tradition-breaking personal portfolio display solution that reconstructs static pages into a "living" neural network visualization system, where works are connected and flow as nodes in an aurora field. The project includes two independent and complementary sub-projects: an immersive 3D portfolio SPA based on React 18 + Three.js, and a fully functional WhatsApp CRM system, demonstrating full-stack development capabilities. Combining modern tech stacks (such as Supabase, Gemini API, Tailwind CSS, etc.), the project implements AI-powered automatic navigation and gamified experiences, providing developers with an innovative combination of display and practical tools.

## Project Background and Source Information

- **Original Author/Maintainer**: Techhackontime999 (Amit Kumar)
- **Source Platform**: GitHub
- **Original Title**: NEURAL-AURORA
- **Original Link**: https://github.com/Techhackontime999/NEURAL-AURORA
- **Release Date**: May 25, 2026
Traditional portfolios are mostly static lists or timelines, lacking interaction and memorable points. NEURAL AURORA aims to solve this pain point through 3D neural network visualization, while supporting a CRM system to demonstrate business application capabilities.

## Core Technical Architecture and Implementation Methods

### NEURAL AURORA Portfolio System
- Framework Layer: React 18 + Vite 6
- 3D Rendering: Three.js (neural network visualization and aurora field effects)
- Styling: Tailwind CSS v3
- Backend: Supabase (data persistence)
- AI: Google Gemini API (intelligent navigation and puzzle generation)

### wacrm WhatsApp CRM System
- Full-stack Framework: Next.js 16 + React 19 (App Router)
- Type Safety: TypeScript 6
- Database: Supabase (business data processing)
- Encryption: AES-256-GCM (communication security)
- Real-time Features: WebSocket (message synchronization)

## Core Features: Immersive Experience and Practical Tools

### Immersive 3D Experience
Works are displayed as neural network nodes, with dynamic connections reflecting relevance. Nodes are activated when visitors browse, creating unique visual memory points.

### AI-Powered Automatic Navigation
The intelligent navigation system reduces users' cognitive load, and combines Gemini API to generate interactive puzzles for gamified browsing.

### Backend Management
Supports project CRUD, visitor statistics, message management, system configuration, etc.

### CRM Capabilities
Shared inbox, contact tag grouping, sales pipeline visualization, message broadcasting and automated workflows, etc.

## Technical Implementation Highlights: Dual-Project Architecture and Engineering Practices

### Dual-Project Architecture
The repository contains two independent directories: NEURAL-AURORA/ and wacrm/, which can be deployed independently or managed uniformly via npm workspaces. The documentation provides integration guidelines (authentication integration, theme synchronization, etc.).

### Database Design
Shared Supabase but separate table spaces: The portfolio includes tables like profiles and projects; the CRM includes tables like contacts and conversations. It is recommended to merge data based on the wacrm Schema.

### Deployment Friendliness
Supports multiple deployment methods such as Vercel (main recommendation), Netlify/Cloudflare Pages, Hostinger, self-hosting (Docker configuration), etc.

## Applicable Scenarios and Inspirational Value for Developers

### Frontend Developers
Demonstrates innovative applications of Three.js in personal sites, proving that portfolios can create brand experiences via WebGL, and automatic navigation provides references for complex interactions.

### Full-stack Developers
The dual-project architecture provides a template for managing related applications, and the shared Supabase configuration and npm workspaces usage are reusable.

### Independent Developers
The combination strategy of "creative display + business tools" (portfolio attracts attention, CRM demonstrates enterprise-level capabilities) is worth learning from.

## Quick Start Guide and License Agreement

### Quick Start
- Environment Requirements: Node.js >=20.0.0, npm >=10, Supabase account
- Process: Import database Schema, configure environment variables, build and deploy (see README for details)

### License
- NEURAL AURORA: MIT License, copyright belongs to Amit Kumar (2026)
- wacrm: MIT License, copyright belongs to Arnas Donauskas