Axio Labs Portfolio v3 | Case Study | Elgen Mar Arinasa

A "Stacked" technical showcase featuring a custom-built Neural-Net background engine, atomic design architecture, and an integrated Gemini-powered persona. This is the most technically complex interface I have built to date, bridging high-end frontend physics with applied generative AI.

01. The Problem

Modern portfolios often prioritize static visuals over interactive technical depth. I needed a platform that could demonstrate real-time physics, resilient system architecture, and production-ready AI integration in a single, high-performance package.

02. Architecture & Solution

Engineered a custom canvas-based "Neural-Net" background with vector-flow physics and geometric node-linking. Integrated the Vercel AI SDK with Gemini 1.5 Flash to create a context-aware chat persona. Implemented a strict atomic design system in Next.js/Tailwind to ensure maintainability and performance across 7 distinct technical sections.

03. Impact

Established a "Founder-Builder" identity, demonstrating the ability to ship complex, visually stunning, and functionally robust systems from scratch.