webapp active

stfn.ro

Blog personale e portfolio con un'interfaccia terminale cyberpunk ispirata a GATTACA, costruito da zero con PHP, React e Cockpit CMS.

stfn.ro

Stack tecnologico

PHP React Cockpit CMS JavaScript CSS JSX

Info sul progetto

stfn.ro è un blog personale e un portfolio avvolti in un'interfaccia terminale GEN-7 immaginaria, ispirata al film GATTACA. Mette insieme scrittura cruda e senza filtri e un guscio cyberpunk curato: linee CRT, sequenze di boot animate, sovrapposizioni di codoni di DNA e una scheda identificativa interattiva.

Il sito è costruito da zero, con un unico punto d'ingresso in PHP, Cockpit CMS per i contenuti e uno strato React caricato direttamente nel browser (via UMD e Babel standalone, senza passaggio di build). Ogni dettaglio, dall'aberrazione cromatica agli effetti di hover con parentesi fino a un gioco Space Invaders nascosto, esiste perché leggere e navigare somiglino all'uso di un pezzo speculativo di hardware.

Caratteristiche principali

  • Interfaccia terminale su misura in stile GATTACA, con effetti CRT, linee di scansione e aberrazione cromatica
  • Due flussi di contenuto: Logs (scrittura personale) e Projects (esperimenti e lavori secondari)
  • Filtri per tag e deep link basati sullo slug, gestiti da un unico punto d'ingresso PHP
  • UI React + JSX caricata direttamente nel browser via UMD e Babel standalone, senza pipeline di build
  • Backend Cockpit CMS con fallback elegante a dati locali mock quando non c'è connessione
  • Scheda identificativa animata con più stati del ritratto e un gioco Space Invaders nascosto
  • Cache delle immagini OpenGraph generata lato server tramite un endpoint thumb su misura
  • Protezione delle immagini: pointer events disabilitati e drag bloccato su tutti i media

A chi è rivolto

A chi ha voglia di leggere scrittura personale sincera, leggermente caotica, dentro un ambiente che si prende abbastanza sul serio da sembrare una macchina e non così tanto da dimenticare la battuta.