Zing Forum

Reading

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

ReactThree.jsViteSupabase作品集3D可视化神经网络Next.jsTypeScriptWhatsApp
Published 2026-05-25 14:44Recent activity 2026-05-25 14:48Estimated read 7 min
NEURAL AURORA: A Creative Open-Source Project to Transform Portfolios into Immersive Neural Networks
1

Section 01

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.

2

Section 02

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

Section 03

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)
4

Section 04

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.

5

Section 05

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.

6

Section 06

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.

7

Section 07

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