Back to All Projects
Full-Stack WebAug 2026

Zenith Quantum Glassmorphism Portfolio & Enterprise CMS v7.0

The complete personal digital engineering platform—Next.js 15, Neon PostgreSQL, Prisma ORM, Auth.js v5, Spotlight Command Palette (⌘K), Blog CMS, Dark/Light theme system, and WebGL particle shaders.

100/100

Lighthouse Score

< 50ms

First Load Time

All Green

Core Web Vitals

Zenith Quantum Glassmorphism Portfolio & Enterprise CMS v7.0
System Gallery & Screenshots (4)
Click to expand in HD Lightbox

Project Narrative & Overview

A high-performance personal engineering platform designed to showcase full-stack web capabilities, ICT network implementations, and cloud architectures. Built with Next.js 15 App Router, React 19, TypeScript, Tailwind CSS, Neon Serverless PostgreSQL, and interactive Particle Canvas animations.

Key Engineered Features

Interactive Canvas Particle Field & Shader FX
Spotlight Command Palette (⌘K) Global Search & Navigation
Full-featured Markdown Blog CMS with Real-Time Views Telemetry
Executive CMS Command Center with Multi-Model Management
Adaptive Dark/Light/System Theme Design Tokens
Level MAX SEO Architecture with JSON-LD Structured Data & Dynamic Sitemap

Technology Stack

Next.js 15React 19TypeScriptTailwind CSSPrisma ORMAuth.js v5Neon PostgreSQLFramer MotionSonnercmdknext-themes

System Architecture

Next.js 15 App Router with full Server Component architecture, Server Actions, and Neon PostgreSQL via Prisma.

Interested in Technical Deep Dives?

Let's discuss the architecture, data modeling, or replication details.

Discuss This Project

Explore More Systems

View All Projects
Enterprise Multi-VLAN Network Infrastructure & Routing Architecture
Network Architecture Featured
99.99%Network Uptime
< 1.2msPacket Latency

Enterprise Multi-VLAN Network Infrastructure & Routing Architecture

An enterprise-grade network topology design and deployment featuring multi-layer switching, OSPF dynamic routing, inter-VLAN routing, Access Control Lists (ACLs), and QoS traffic prioritization.

Cisco IOSOSPFBGPVLANs (802.1Q)+4
CloudNet Core — High-Availability Web Telemetry & Network Gateway
Full-Stack Web Featured
< 45msTelemetry Latency
1,200+Monitored Ports

CloudNet Core — High-Availability Web Telemetry & Network Gateway

A real-time network device telemetry and uptime dashboard built with Next.js 15 App Router, TypeScript, WebSockets, and SNMP protocol integration for live traffic analysis.

Next.js 15React 19TypeScriptWebSockets+5
NexusGuard — Automated Packet Inspection & Network Security IDS
Network Architecture Featured
1 GbpsCapture Throughput
35+ RFCsDecoded Protocols

NexusGuard — Automated Packet Inspection & Network Security IDS

A high-performance network packet analyzer and intrusion detection prototype built with Python and Scapy, featuring live flow reconstruction, anomaly detection, and a reactive Next.js web portal.

PythonScapyFastAPIReact 19+4