Hello

Navigation
Socials
Work
Back to Projects
Project

after12

An atmospheric, privacy-first nocturnal sanctuary and emotional catharsis web application built for the hours between 12:00 AM and 5:59 AM.

Next.js 16Three.js / WebGLPostgreSQLPrisma ORMGroq LPU (Llama 3)Tailwind CSS
The Story

The thinking behind the build.

In an era of relentless social surveillance, permanent digital footprints, and performative interactions, there is a distinct lack of unmasked spaces on the web. after12 was born from the desire to create a sanctuary where people can release unspoken grief, secret loves, and vulnerabilities that dissolve into stardust at sunrise.

Combining 3D WebGL celestial simulations, a custom multi-language engine, and strict privacy-preserving data models, the platform enforces a zero-log architecture. Confessions are pseudonymized, cryptographically protected, and purged automatically via cron jobs at dawn, allowing true emotional catharsis without permanent consequence.

Key Engineering Highlights

Defensive Security (SSDLC): Edge HMAC authentication, zero-log architecture, self-sealing admin routes, and 100% endpoint rate limiting.

AI Prophecy Engine: Integrated Groq LPU (Llama 3.3 120B) with strict JSON guardrails for poetic reflections under 800ms latency.

Zero-Dependency i18n: Adaptive font loaders and pixel typography supporting English, Korean, Japanese, Chinese, and Arabic (RTL).

Architecture Diagram

System diagrams

Layer 01Client & Experience

Next.js & WebGL

Interactive 3D WebGL constellation galaxy rendering hundreds of floating stars utilizing frustum culling and GLSL shaders.

Next.js 16Three.jsTailwind
Layer 02API & Intelligence

Edge & Groq LPU

Edge Middleware verifies cryptographic HMAC signatures while the Groq inference API streams AI prophecies.

Groq Llama 3Edge MiddlewareWeb Crypto API
Layer 03Data & Ephemerality

PostgreSQL & Prisma

Serverless database connection pooling utilizing zero-log architecture and sunrise automated dissolution cron jobs.

PostgreSQLPrisma ORMCron Jobs
Next.js 3D ClientEdge Token ValidationEphemeral Postgres Data
Process Flow

Process flow

01

The Midnight Window

A temporal time-gate algorithm dynamically tracks the user's local timezone, strictly unlocking the nocturnal sanctuary between 12:00 AM and 5:59 AM.

02

The Whispers & Altar

Users can submit private or anonymous confessions into a drifting real-time feed with community resonance (flame likes & wind gust dislikes).

03

The Oracle & Tether

An AI prophecy engine utilizes 120B parameter models for poetic reflections, while The Tether chamber offers a ritualistic space for emotional catharsis.

04

Celestial Constellation

Submitted confessions transform into interactive, luminous stars within a live WebGL 3D orbital galaxy, mapped to their specific emotional color spectrum.

Screenshots

Screenshots and progress

Main Landing Page Screenshotpublic/after12-1.png
after12 Landing Screenshot
Celestial Constellation Screenshotpublic/after12-2.png
after12 WebGL Screenshot
The Whispers Altar Screenshotpublic/after12-3.png
after12 Altar Screenshot