AVAILABLE --:--:--
PORTFOLIO — VOL.04 / 2025 41.0082°N — 28.9784°E

SINAN.

// full-stack developer
Based inIstanbul → Worldwide
FocusWeb Engineering & Design
Status● Booking Q3 2025
This site100% hand-coded, 0 templates
SCROLL
( 01 — SELECTED WORK )

WORK THAT RUNS.

EVERY CARD OPENS A REAL, LIVE DEMO — BUILT FROM SCRATCH. CLICK ANYTHING.

AURUM fintech dashboard01LIVEOPEN LIVE DEMO ↗

AURUM

Banking, redesigned for calm — live charts & feed.

DashboardCanvasRealtime
2025
BLOOM flower shop02LIVEOPEN LIVE DEMO ↗

BLOOM

A boutique flower shop with a working cart.

E-commerceUI/UX
2024
NEBULA generative art03LIVEOPEN LIVE DEMO ↗

NEBULA

Generative flow-field painting engine.

GenerativeCanvas
2025
ORBIT gravity playground04LIVEOPEN LIVE DEMO ↗

ORBIT

An n-body gravity toy — your cursor is the sun.

PhysicsInteractive
2024
PULSE audio visualizer05LIVEOPEN LIVE DEMO ↗

PULSE

WebAudio synth sequencer + real-time spectrum.

WebAudioDSP
2025
VERTEX 3D gallery06LIVEOPEN LIVE DEMO ↗

VERTEX

A pure-CSS 3D gallery ring. Drag it.

CSS 3DDOM
2024
SNAP breakout game07LIVEPLAY THE GAME ↗

SNAP

Brick-breaker arcade. Fully playable, right here.

GameCanvas
2024
REFLEX reaction game08LIVEPLAY THE GAME ↗

REFLEX

A reaction-time duel against your own nerves.

GameMicro-UX
2025
FLUX kanban board09LIVEOPEN LIVE DEMO ↗

FLUX

Drag-&-drop kanban — grab the cards, move them.

ProductDrag & Drop
2025
SCRIBE markdown editor10LIVEOPEN LIVE DEMO ↗

SCRIBE

Markdown editor with a hand-rolled live parser.

ToolParser
2024
HACKR terminal11LIVETYPE 'help' INSIDE ↗

HACKR

An interactive shell hiding inside a website. Because why not.

TerminalEaster eggFun
2025
( 02 — THE HUMAN )

BEHIND THE PIXELS

Portrait of Sinan
SINAN — FIG.01EST. 1998
SOTD ×3FWA ×2CSSDA ×4HACKATHON '23 🏆

I'm Sinan — I turn caffeine into interfaces that feel inevitable. Engineer by training, designer by obsession, show-off by portfolio.

For the last six years I've shipped everything from fintech dashboards to generative art engines — always with the same rule: if it doesn't move, it isn't finished. I believe the web is a stage, and every interaction deserves choreography.

My sweet spot is the space where design systems meet raw performance: pixel-perfect front-ends, bullet-proof back-ends, and the 60fps motion between them. This very page? Hand-written. Every demo inside it? Built from a blank file.

0Years shipping
0Projects launched
0Happy clients
0Design awards
  • CurrentlyBuilding a WebGL synth garden (ask me about it)
  • LearningRust, shaders, and the patience of a chess player
  • ListeningLofi at 2am, Turkish psych-rock by day
  • DrinkingÇay #7 of the day ☕
( 03 — CAPABILITIES )

WHAT I DO BEST

HOVER THE ROWS —
EACH DISCIPLINE HAS A FACE.

/01

WEB ENGINEERING

SPAs, APIs, e-commerce, realtime systems — typed, tested, deployed.

→
/02

INTERFACE DESIGN

Design systems, prototypes and interfaces people don't need a manual for.

→
/03

CREATIVE CODING

Generative art, canvas, WebGL — the "how did they do that" department.

→
/04

MOTION & INTERACTION

Micro-interactions, scroll choreography, transitions with intent.

→
/05

PERFORMANCE & A11Y

Core Web Vitals in the green, WCAG-compliant, fast on a 2015 phone.

→
( 04 — TOOLKIT & TIMELINE )

WEAPONS & WARS

2023 — NOW

Independent Product Engineer

End-to-end builds for startups & studios across 9 countries.
FREELANCE / SN®
2021 — 2023

Senior Frontend Engineer

Led UI platform for a fintech serving 2M+ users; cut TTI by 61%.
PIXELFORGE
2019 — 2021

UI Developer

Award-winning campaign sites; first SOTD, first all-nighters.
LOOP AGENCY
2018

First line of code

A <marquee> tag. There was no going back.
BEDROOM.EXE
( 05 — RECEIPTS )

NICE THINGS,
ON RECORD.

Four humans who survived working with me. Shuffled like a deck — because it is one.

( 06 — TRANSMISSION )

GOT AN IDEA?
LET'S MAKE IT REAL.

hello@sinan.dev ↗
START A PROJECT