Full-stack developer · Turkey

BUILDINGDIGITALEXPERIENCES

Three years shipping products and client sites, plus a few things I'm building on my own. Here's what I'm working on.

Scroll

Product work

Shipped

Three years of full-stack work on products with real users. They belong to the company that owns them, so there is nothing to screenshot here. This is the part that is mine to talk about.

Admin panels and a classified ads platform on the front. Node and Fastify with Sequelize over PostgreSQL behind them, Docker for deploys, and every permission checked in middleware rather than in the interface.

The full history on LinkedIn

new projectbrief to production

briefscope · constraints
analysisflows · data model
apifastify · jwt · rbac
clientnuxt · vue · flutter
reviewpull request
cilint · test · build
deploydocker

in productionnothing merges while step six is red

01
Admin panels
Vue, React and Nuxt dashboards. Fuzzy search, bulk actions, CSV and PDF export.
02
Classifieds
Listings, moderation queues and search, running in more than one language.
03
Auth & access
JWT sessions, role-based access and custom middleware on Fastify.
04
Mobile apps
Flutter clients sharing the same auth and API contract as the web.
05
Static sites
Astro and Tailwind builds, tuned for SEO and Core Web Vitals.

What I build

MOBILEDESKTOPWEBGAME

The work

Look closer.

// fastify apiimport Fastify from 'fastify';const app = Fastify({ logger: true });app.get('/categories', async (req) => {return db.categories.findMany({ where: { userId: req.user.id } });});app.post('/activities/batch', async (req, reply) => {const rows = activityBatch.parse(req.body);const saved = await db.activities.createMany(rows);return reply.code(201).send(saved);});// react native appimport AsyncStorage from '@react-native-async-storage/async-storage';import { useTranslation } from 'react-i18next';export async function syncActivities() {const queued = await readQueue();if (queued.length === 0) return;await api.post('/activities/batch', queued);await clearQueue();}export default function HomeScreen() {const { t } = useTranslation();const [name, setName] = useState('');return (<View className="flex-1 bg-slate-50 px-5 pt-6"><Text className="text-3xl font-bold text-sky-600">{t('home.greeting', { name })}</Text><Calendar markedDates={marked} onDayPress={openDay} /></View>);}// fastify apiimport Fastify from 'fastify';const app = Fastify({ logger: true });app.get('/categories', async (req) => {return db.categories.findMany({ where: { userId: req.user.id } });});app.post('/activities/batch', async (req, reply) => {const rows = activityBatch.parse(req.body);const saved = await db.activities.createMany(rows);return reply.code(201).send(saved);});// react native appimport AsyncStorage from '@react-native-async-storage/async-storage';import { useTranslation } from 'react-i18next';export async function syncActivities() {const queued = await readQueue();if (queued.length === 0) return;await api.post('/activities/batch', queued);await clearQueue();}export default function HomeScreen() {const { t } = useTranslation();const [name, setName] = useState('');return (<View className="flex-1 bg-slate-50 px-5 pt-6"><Text className="text-3xl font-bold text-sky-600">{t('home.greeting', { name })}</Text><Calendar markedDates={marked} onDayPress={openDay} /></View>);}

Hi Sercan!

ThenWhat?

⤨RandomGet a surprise idea

⚂Roll DiceTry your luck

💡Sample CardLorem ipsum dolor sit

Activity calendar+ Add

◀July 2026▶

SunMonTueWedThuFriSat282930123456789101112131415161718192021222324252627282930311

Case study · Mobile

ThenWhat

An app for when you can't decide what to do. Spin a wheel, roll a dice, or pick between two options. Whatever you end up doing gets saved to a calendar you can look back at.

01
UI
React Native + Expo · styled with NativeWind
02
Navigation
React Navigation · bottom tabs, typed routes
03
Localisation
i18next + expo-localization · TR / EN
04
API
Node.js + Fastify · TypeScript end to end

Desktop · Windows

AltFade

You start a video while a game is running. AltFade turns the game down on its own, then brings it back when you pause. It only touches that game's audio session, so the rest of your system stays where you left it.

Tauri v2
Rust
Vue 3
TypeScript
WASAPI
SMTC

View on GitHub

#[tauri::command]fn set_duck_level(state: State<Audio>, pct: u8) -> Result<()> {let mut mixer = state.mixer.lock()?;mixer.duck_to(pct.clamp(5, 50));Ok(())}// SMTC tells us what the system is playingfn on_media_event(ev: SmtcEvent, ducker: &Ducker) {match ev {SmtcEvent::Playing => ducker.engage(),SmtcEvent::Paused => ducker.release_after(delay),SmtcEvent::Stopped => ducker.release_now(),}}impl Ducker {fn engage(&self) {log::info!("ducking {} sessions", self.count());for s in self.sessions.targets() {s.fade_to(self.level, FADE_MS);}}}// per-process volume via WASAPI, never the master mixerfn sessions_for(pid: u32) -> Result<Vec<AudioSession>> {let enumerator = SessionEnumerator::new()?;Ok(enumerator.filter_by_pid(pid))}#[tauri::command]fn set_duck_level(state: State<Audio>, pct: u8) -> Result<()> {let mut mixer = state.mixer.lock()?;mixer.duck_to(pct.clamp(5, 50));Ok(())}// SMTC tells us what the system is playingfn on_media_event(ev: SmtcEvent, ducker: &Ducker) {match ev {SmtcEvent::Playing => ducker.engage(),SmtcEvent::Paused => ducker.release_after(delay),SmtcEvent::Stopped => ducker.release_now(),}}impl Ducker {fn engage(&self) {log::info!("ducking {} sessions", self.count());for s in self.sessions.targets() {s.fade_to(self.level, FADE_MS);}}}// per-process volume via WASAPI, never the master mixerfn sessions_for(pid: u32) -> Result<Vec<AudioSession>> {let enumerator = SessionEnumerator::new()?;Ok(enumerator.filter_by_pid(pid))}

AltFade

AltFadeAuto-duck game audio

Service stoppedCtrl+Alt+D

♪ nothing playing

Active audio sessions

chrome.exe

steam.exe

DyingLightGame.exe

TargetsDyingLightGame_x64_rwdi.exe, RimWorldWin64.exe

Trigger apps

No selection = any media app triggers ducking.

Duck Volume%26

Restore Delay0.5s

Launch on Windows startup

Freelance · Web

Websites

More than thirty client sites so far, and I was the code owner on most of them. Company pages, landing pages, catalogues, admin panels.

The framework depends on the job. Astro when the site should be static and fast, Nuxt or Next when there is a back end behind it, Tailwind or Bootstrap depending on what the team already uses. SEO and Core Web Vitals get checked either way, and almost everything ships in Turkish and English.

The one on screen is AD Engineering, a mechanical and electrical installation firm in Edirne.

Astro
Nuxt
Next
Vue
React
TailwindCSS
Bootstrap
GSAP
Lenis

Visit the site

---// astro, static output. no client js unless a page asks for itimport Layout from '../layouts/Base.astro';const { lang } = Astro.params;const t = await getDictionary(lang);---<Layout title={t.home.title} lang={lang}><section class="mx-auto max-w-6xl px-6 py-24"><h1 class="text-5xl font-bold tracking-tight" data-reveal>{t.home.heading}</h1></section></Layout><script>import gsap from 'gsap';import { ScrollTrigger } from 'gsap/ScrollTrigger';import Lenis from 'lenis';gsap.registerPlugin(ScrollTrigger);const lenis = new Lenis({ autoRaf: true });lenis.on('scroll', ScrollTrigger.update);gsap.from('[data-reveal]', {y: 40,opacity: 0,stagger: 0.08,scrollTrigger: { trigger: 'main', start: 'top 80%' },});</script>---// astro, static output. no client js unless a page asks for itimport Layout from '../layouts/Base.astro';const { lang } = Astro.params;const t = await getDictionary(lang);---<Layout title={t.home.title} lang={lang}><section class="mx-auto max-w-6xl px-6 py-24"><h1 class="text-5xl font-bold tracking-tight" data-reveal>{t.home.heading}</h1></section></Layout><script>import gsap from 'gsap';import { ScrollTrigger } from 'gsap/ScrollTrigger';import Lenis from 'lenis';gsap.registerPlugin(ScrollTrigger);const lenis = new Lenis({ autoRaf: true });lenis.on('scroll', ScrollTrigger.update);gsap.from('[data-reveal]', {y: 40,opacity: 0,stagger: 0.08,scrollTrigger: { trigger: 'main', start: 'top 80%' },});</script>

AD MühendislikHomeAboutServicesCertificatesFAQContactEnglish

AD Engineering

Based in Edirne, AD Engineering provides mechanical and electrical installation design services across the Thrace Region.

Learn More

In development · Game

Coming soon

Build n Protect

Working codename. I haven't settled on the real one yet

A 2D survival game seen from the side. You build and scavenge during the day, then hold the base at night. You've snuck into a quarantined city to look for your wife. The two of you had something to do with the virus that got the city quarantined, and who you tell about that changes how it ends.

It's too early for screenshots. The design is written down though. Resources stay short, people can die for good, and the game remembers what you picked.