Yeni projelere açık

Fatih Akyol

Senior Frontend Developer

|

Projeleri görİletişime geç
01

Hakkımda

5+ yıldır web arayüzleri geliştiren bir Frontend Developer'ım. React ve Next.js ekosisteminde, performanslı ve bakımı kolay uygulamalar kurmaya odaklanıyorum.

Full-stack tarafında Node.js, Express, MongoDB ve Socket.io ile uçtan uca ürünler geliştirip Docker + nginx ile kendi sunucuma deploy ediyorum. Aşağıdaki projelerin tamamı canlıda ve kendi altyapımda çalışıyor.

5+
Yıl deneyim
8
Canlı proje
∞
Kahve
02

Deneyim

Profesyonel çalışma geçmişim.

Mid / Senior Frontend Developer · naxxt software

İstanbul

Mart 2021 — Devam ediyor
  • React ve Next.js ile web uygulamaları geliştirdim; mevcut ürünlerde Angular ve AngularJS ile de çalıştım.
  • TypeScript ile yeniden kullanılabilir UI bileşen sistemleri kurdum, Figma tasarımlarını responsive ve erişilebilir arayüzlere çevirdim.
  • REST API entegrasyonları ve gerçek zamanlı özellikler (Socket.io, SignalR) geliştirdim; Node.js / Express / MongoDB ile uçtan uca çalıştım.
  • Performans, kod kalitesi ve deploy süreçlerine katkı sağladım.
ReactNext.jsAngularAngularJSTypeScriptFigmaNode.jsExpressMongoDBSocket.ioSignalR

Eğitim

Erciyes Üniversitesi

Bilgisayar Mühendisliği (Lisans)

Kayseri

2015 — 2021
03

Yetenekler

Kullandığım teknolojiler ve araçlar.

Frontend

ReactNext.jsAngularAngularJSTypeScriptJavaScript (ES6+)HTML5CSS3Tailwind CSSSCSS / CSS ModulesFramer Motion

State & Veri

ReduxZustandTanStack Queryreact-hook-formREST API

UI & Canvas

Mantinereact-konva

Backend

Node.jsExpressMongoDBMongooseSocket.ioSignalR

Test & Kalite

VitestJestReact Testing LibraryPlaywrightESLintPrettier

Araçlar & DevOps

DockernginxGit & GitHubLinux / VPSViteWebpackFigma
04

Projeler

Sıfırdan geliştirip yayına aldığım, canlıda çalışan uygulamalar.

01

Toolbox

Geliştirici araç seti

Görsel/font/favicon dönüştürme, tek kullanımlık şifre paylaşımı, dosya transferi, JSON/JWT/diff/hash gibi dev araçları ve bir API playground'u tek çatı altında.

ReactViteTypeScriptSCSS ModulesNode.jsExpressMongoDB
Canlı Kod
02

Realtime Chat

Gerçek zamanlı mesajlaşma

Socket.io ile anlık mesajlaşma, httpOnly cookie tabanlı oturum yönetimi, dosya paylaşımı ve okundu/çevrimiçi durumu. Next.js arayüz, Express + Socket.io sunucu.

Next.jsTypeScriptSocket.ioExpressMongoDBZustand
Canlı Kod
03

Meet

Tarayıcıda görüntülü görüşme

Zoom benzeri görüntülü konferans: mesh WebRTC (P2P — medya sunucuya uğramaz) + Socket.io sinyalleşme. Oda linki paylaş, hesapsız katıl; kamera/mikrofon, ekran paylaşımı ve canlı sohbet.

ReactViteTypeScriptWebRTCSocket.ioExpress
Canlı Kod
04

Code Editor

Tarayıcıda kod deneme alanı

CodePen benzeri bir HTML/CSS/JS editörü: canlı önizleme, preprocessor derleme (Sass/Less/TS…), kalıcı kayıt, sosyal özellikler.

ReactViteTypeScriptCodeMirrorExpressMongoDB
Canlı Kod
05

Collab Whiteboard

Çok kullanıcılı çizim tahtası

Sonsuz canvas üzerinde gerçek zamanlı ortak çizim: şekiller, seçim/döndürme/boyutlandırma, undo/redo, canlı imleçler ve presence. react-konva ile yazıldı.

ReactViteTypeScriptreact-konvaSocket.ioExpressMongoDB
Canlı Kod
06

Links

Link-in-bio sayfa kurucu

Linktree tarzı, özelleştirilebilir bio sayfaları: sürükle-bırak sıralama, tema/tasarım, görsel yükleme ve tıklama analitiği.

Next.jsTypeScriptMantinednd-kitExpressMongoDB
Canlı Kod
07

Lynx

URL kısaltıcı + analitik

Kimlik doğrulamalı panelle kısa linkler oluştur ve tıklama analitiğini incele: zaman aralıkları, grafikler, coğrafya haritası ve cihaz kırılımı. React/Vite SPA + Express API + MongoDB.

ReactViteTypeScriptZustandRechartsExpressMongoDB
Canlı Kod
08

Typing Test

Yazma hızı testi

Yazma hızını (WPM) ve doğruluğu ölçen bir test uygulaması; sonuçlar kaydedilir. React/Vite arayüz + Express/MongoDB API.

ReactViteTypeScriptTailwind CSSExpressMongoDB
Canlı Kod
05

İletişime geç

Bir fikrin mi var ya da birlikte çalışmak mı istiyorsun? Yaz.

muhammedfatihakyol@gmail.com
E-posta gönder GitHub LinkedIn