Home / Projects / Developer Portfolio & AI Admin Suite

All Projects

Full-Stack Web & Generative AI Production Live · Next.js 16 · Supabase RLS

Modern Developer Portfolio & Administration Platform

Dynamic Full-Stack Portfolio Engine with Smart CV Auto-Fill 2.0, Real-Time Theme Studio & Zero-Lockin Persistence

Live Demo View Repository Contact Martin

Discipline Full-Stack Web & Generative AI Systems

Role Lead Full-Stack Engineer & System Architect

Timeline / Year 2026

Organization / Context Independent Production Application

Developer Portfolio & AI Admin Suite Showcase

Click to Zoom

Admin Suite Overview — Live Telemetry, Account Provisioning, Quick Audit Logs & Navigation 1 / 13

Live Production Screenshots (13 Views): Admin Console, AI Auto-Fill 2.0, Theme Studio, Case Studies CMS, Supabase RLS & Public Live Views. Interactive Zoom Lightbox Enabled · Click Any Image

Executive Overview

Maintaining an up-to-date software engineering portfolio is traditionally an exhausting, error-prone manual chore. Developers are forced to edit nested static JSON files, rewrite raw HTML elements, format Markdown by hand, and trigger manual rebuilds every time they complete a course, change jobs, or launch a project.

The Modern Developer Portfolio & Administration Platform fundamentally redefines this workflow. Engineered with Next.js 16 (App Router), React 19, TypeScript, and Supabase (PostgreSQL 15+), the system couples a high-performance public portfolio with a private, cyber-dark Administrative Control Panel (/admin) featuring 18 dedicated management workspaces and Smart Portfolio Auto-Fill 2.0 (Generative AI Engine).

The Challenge & Solution

The Core Friction: Static site generators lock developers into rigid manual maintenance workflows. Resume data is disconnected from web presentation, and customizing themes or section structures usually demands modifying CSS rules directly in source code.

The Architectural Solution: Engineered a unified full-stack platform featuring Smart CV Auto-Fill 2.0 with multi-model generative AI orchestration (Google Gemini 1.5 Flash, OpenAI GPT-4o-mini, and a built-in offline generative engine). Dropping a resume PDF or raw text automatically extracts contact info, synthesizes 3-paragraph executive bio stories, enhances project bullet points with action verbs, maps skills into a 5-pillar taxonomy, and persists all records atomically into a dual-layer store (local JSON + Supabase PostgreSQL with RLS). Furthermore, the Theme Studio injects CSS custom properties dynamically across 12 atmosphere themes with zero page reloads.

System Architecture & Data Flow

Public Client (Next.js 16)

React 19 front-end with Tailwind CSS v4, smooth scrollspy, dynamic availability telemetry, and radial glow orbs.

Generative AI Engine 2.0

Multi-model pipeline (Gemini / GPT / Offline Heuristics) synthesizing bio stories, project depth, and skill taxonomies.

Dual Data Layer (Zero-Lockin)

Atomic synchronization across local server JSON (portfolio-store.json) and Supabase PostgreSQL with conflict-safe upserts.

Zero-Trust Supabase RLS

16 normalized PostgreSQL tables guarded by Row Level Security; public reads on published items and admin-only writes.

Dynamic Atmosphere Studio

Real-time CSS variable injection across 12 curated themes (Cyber Neon, Emerald Matrix, Cosmic Violet, etc.) with live mini-canvas sync.

18 Modular Admin Suites

Granular CMS controllers managing Hero, About, Projects, Skills, Education, Experience, Media, Messages, and SEO.

Key Engineering Highlights

Smart Portfolio Auto-Fill 2.0 (Generative AI Engine)

Multi-model AI pipeline supporting Google Gemini 1.5 Flash, GPT-4o-mini, and a deterministic offline heuristic engine operating with zero cloud API keys required.

Zero-Lockin Dual Data Layer

Seamlessly operates using local server storage (data/portfolio-store.json) out-of-the-box, instantly upgrading to remote Supabase PostgreSQL when credentials are provided.

Dynamic Atmosphere & Color Studio

12 curated palettes with live hex color pickers, custom border radius adjustments, ambient glow sliders, and interactive mini-portfolio preview.

18-Workspace Administrative Console

Full suite for projects CRUD with Markdown support, skill taxonomy with weighted proficiency sliders, section reordering, media library, and message inbox.

Enterprise Security & Anti-Spam

PostgreSQL Row-Level Security across 16 tables, server-only service role keys, anti-spam honeypot fields, and in-memory IP rate limiting.

100% Type-Safe & Production Verified

All 32 Next.js App Router routes compile with zero TypeScript errors, passing strict ESLint 9 core web vitals and React 19 standards.

Technical Challenges & Resolutions

Engineering Challenge

Unconstrained Resume Formatting: Raw resumes vary wildly in layout, structure, and text density, leading to hallucinated sections or malformed JSON payloads.

Architectural Solution

Engineered a multi-stage validation pipeline with strict Zod schemas, heuristic regex extractors, and automated zero-config offline fallbacks when external LLM APIs are unavailable.