hey.
gg.
i’m guglielmo giannattasio,
frontend developer.
websites & interfaces you remember.
rome → anywhere.
~/projects
ALL 8 →
——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· ·
··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·—
—·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——·
—·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —··
——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·—
—· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· ·
·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——·
——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·—
··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——·
—·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· ·
00:00:00
scroll: the tape rolls back and forth
——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· · ——· ——· ·—· ——— —— ·— ——· ——· —·—· ——— —·· ·
··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·—
—·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——· —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— —·—· ·· ·— ——— ——· ——·
—·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· —·—· ——— —·· · ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —··
——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— ——· ——· —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·—
—· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· ·
·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——· ·—· ——— —— ·— ··—· ·—· ——— —· — · —· —·· ——· ——·
——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·— ——· ——· —·—· ——— —·· · —·—· ·· ·— ——— —· ·· —·— ··— —·· ·—
··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——· ··—· ·—· ——— —· — · —· —·· ·—· ——— —— ·— ——· ——·
—·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· · —·—· ·· ·— ——— ——· ——· ·—· ——— —— ·— —·—· ——— —·· ·
~/the machine — case studies · skills · contact
gg — editor
explorer — skills
guglielmogiannattasio/
frontend/
◆react.tsxCORE
◆next.config.tsCORE
◆types.d.tsCORE
◆tailwind.cssCORE
◆app.vueWORKING
motion/
◆gsap-timeline.jsCORE
◆motion.tsxSTRONG
◆shader.glslWORKING
◆smooth-scroll.jsWORKING
backend/
◆functions.phpSTRONG
◆api-client.tsWORKING
◆server.jsWORKING
◆schema.sqlWORKING
tools/
◆deploy.shSTRONG
◆sitemap.xml.tsSTRONG
◆prompts.mdSTRONG
readme.json
Frontend engineer with an unusual foundation: two degrees with highest honours — Cinema, Television & Multimedia Production at Roma Tre (110 cum laude, thesis on narrative structures in interactive digital media) and Film Studies at Goethe-Universität Frankfurt, in an English-language international programme.
Admitted to a PhD in Media Studies, I chose code instead: rigorous self-directed study, thousands of hours across React, Next.js, TypeScript, Node, Vue, GSAP — all validated on real client work. Today I build interfaces for enterprise (Datamec · INDI Group) and for long-term clients who stay: Core Web Vitals performance, measured motion, cinematic vision.
Cinematic vision. Technical precision. Interfaces that are remembered.
LANGUAGESItalian (native) · English C1 · German · French · Spanish
BASERome · remote
PARTNERClaudio Rotunno
The other half of gughi&partners. Senior engineer, 15+ years: backend, cybersecurity, advanced SEO. Where my code stops, his begins.