Gianluca D'Arcangelo — Codex · Portfolio
GD
Codex · Portfolio

Anno Domini MMXXVI · Sperlonga

Gianluca
D'Arcangelo

Fullstack Developer · 3D · UI/UX Design

Progetto e sviluppo applicazioni web dall'interfaccia al server: front-end ordinati, back-end affidabili ed esperienze interattive dove codice e design vanno insieme.

I design and build web applications from interface to server: tidy front-ends, dependable back-ends and interactive experiences where code and design go together.

esplora il codice explore the codex
Studio anatomico di un automa secondo le proporzioni vitruviane
Homo Machina

De Auctore — Chi sono About

f. II r

Mente e mano,
codice e forma.
Mind and hand,
code and form.

Sono uno sviluppatore fullstack con la testa da designer: mi interessa tanto come è scritto un sistema quanto come si sente chi lo usa. Sul lavoro costruisco applicazioni enterprise con Angular e Java; nei progetti personali sperimento con React, Node e il 3D di Three.js, e scendo fino a Rust quando la performance conta. Attenzione costante all'accessibilità e alla velocità: interfacce chiare, per tutti, su fondamenta solide.

A fullstack developer with a designer's head: I care as much about how a system is written as how it feels to use. At work I build enterprise applications with Angular and Java; in my own projects I experiment with React, Node and Three.js, and reach for Rust when performance matters. Accessibility and speed are a constant concern: clear interfaces, for everyone, on solid foundations.

6+
anni years
10+
progetti projects
3
riconoscimenti awards
Autoritratto di Gianluca D'Arcangelo
l'autore the author

Tabulae Inventionum — Progetti Work

f. IV r

Prodotti, strumenti ed esperienze interattive Products, tools and interactive experiences

Artes & Instrumenta — Competenze Skills

f. V r

Frontend

Architetture Angular scalabili, UI curate e codice mantenibile. Scalable Angular architectures, polished UI and maintainable code.

  • Angular · TypeScript
  • React · Astro
  • RxJS · NgRx
  • Accessibilità · Performance

Backend

Integrazione con servizi Java, API REST e basi dati enterprise. Integration with Java services, REST APIs and enterprise databases.

  • Java · Spring Boot
  • REST Controllers
  • JSP
  • OracleDB

UI/UX · 3D

Approccio ibrido tra sviluppo e design, dal prototipo al dettaglio. A hybrid development and design approach, from prototype to detail.

  • Figma
  • Google UX Design
  • Blender
  • User Experience

Tooling

Pipeline, qualità del codice, deploy e sperimentazione web avanzata. Pipelines, code quality, deploys and advanced web experimentation.

  • Git
  • Jenkins
  • Rust · WebAssembly

Manus Auctoris — Il font The typeface

f. VI r

Gianluca Hand

Per titoli, note e dettagli manoscritti uso un carattere disegnato dalla mia calligrafia. Ho digitalizzato la mia scrittura a mano, lettera per lettera, fino a farne un font vero e proprio, con imperfezioni controllate e piccoli cambi di ritmo.

Headings, marginal notes and handwritten details use a typeface drawn from my own handwriting, digitised letter by letter into a real font, with controlled imperfections and tiny shifts in rhythm.

Non è un vezzo decorativo: è una piccola infrastruttura d'identità. Mi permette di far entrare nel portfolio la stessa mano che appunta, cancella, prova e riscrive durante il lavoro.

It is not just ornament: it is a small identity system. It brings into the portfolio the same hand that annotates, crosses out, tests and rewrites during the work.

la mia mano, il mio codice. my hand, my code.

Aa Gg
scritto a mano hand-drawn
prova dal vivo live test

Prova la mia mano... Try my hand...

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Scrivere codice come si annota un margine. Writing code like annotating a margin.

0 1 2 3 4 5 6 7 8 9   à è é ì ò ù   € $ £

01

Campione Sample

Prima ho scritto alfabeti, numeri e segni su carta, cercando il ritmo naturale della mia mano. First I wrote alphabets, numbers and marks on paper, keeping the natural rhythm of my hand.

02

Disegno Drawing

Poi ho ripulito ogni forma senza renderla troppo perfetta: il tremolio resta parte della firma. Then I cleaned each shape without making it too perfect: the small wobble stays part of the signature.

03

Font Font

Infine ho costruito spaziature, accenti, legature e varianti per usarlo davvero nel sito. Finally I built spacing, accents, ligatures and alternates so it could actually live on the site.

04

Titoli e firme Titles and signatures

Usato dove serve una voce personale, non per lunghi blocchi di lettura. Used where a personal voice helps, not for long reading passages.

05

Alternative automatiche Automatic alternates

Le varianti contestuali spezzano la ripetizione delle lettere uguali. Contextual alternates break up repeated identical letters.

06

Supporto web Web-ready

Esportato in formati leggeri e caricato come font self-hosted. Exported in lightweight formats and loaded as a self-hosted font.

166
glifi glyphs
calt
varianti naturali no repeats
fi · tt
legature ligatures
×3
TTF · WOFF · WOFF2 TTF · WOFF · WOFF2

Honores & Lauri — Riconoscimenti Awards

f. VII r

I lauri del codice The codex's laurels

Site of the Day Design Nominees · MMXXVI
Awards Nominee WD Awards · MMXXVI
Favourite Web Design WD Awards · MMXXVI

Colophon — Contatti Contact

f. VII v

Raccontami la tua idea... Tell me your idea...

GD
Gianluca
Explicit codex · Qui finisce il codice · Sperlonga MMXXVI Explicit codex · Here ends the codex · Sperlonga MMXXVI