---
title: "Novachain | Erkam Demirci — Full Stack Developer"
description: "A matched-stack reconstruction of a blockchain ecosystem site: Next.js static export, Tailwind, a hand-written WebGL fluid simulation behind the hero, an SVG intro sequence, a bridge and portal flow, and a directory of forty-six ecosystem apps generated from a frozen content snapshot. Every interaction was measured against the original at three viewport widths before the brand surface was replaced with a fictional one."
canonical_url: "https://erkamdemirci.com/projects/novachain"
last_updated: "2026-09-02"
language: "en"
---

# Novachain

> A matched-stack reconstruction of a blockchain ecosystem site: Next.js static export, Tailwind, a hand-written WebGL fluid simulation behind the hero, an SVG intro sequence, a bridge and portal flow, and a directory of forty-six ecosystem apps generated from a frozen content snapshot. Every interaction was measured against the original at three viewport widths before the brand surface was replaced with a fictional one.

- Project: Novachain
- Type: Blockchain Ecosystem Site
- Role: Front-end Reconstruction

## Project Overview

## Measured, not eyeballed

The rebuild was gated pixel-for-pixel against a frozen capture of the original at 390, 768 and 1440 px, with a hover-state manifest and behaviour contracts run against the live origin. The WebGL hero was compared at the uniform level, not just as a screenshot.

## Content as data

The app directory, categories and hero slots come from a JSON snapshot rather than a CMS, so the whole site builds to plain files. The fictional identity — name, wordmark, app tiles, backgrounds — was substituted mechanically and proven absent with an inverse copy audit.