MCK.
Muzaffer Can Kaplan000

Muzaffer Can Kaplan — Frontend Developer

Frontend Developer

4+ yıldır React · Next.js · TypeScript ile IoT panelleri, canlı harita takibi ve gerçek zamanlı dashboard’lar geliştiriyorum.

Kaydır
01Hakkımda

4+ yıllık deneyimle IoT admin panelleri, harita tabanlı takip arayüzleri ve gerçek zamanlı dashboard’lar geliştiriyorum. React, Next.js ve TypeScript odaklıyım; yetki yönetimi, veri görselleştirme, test ve CI/CD süreçlerinde de aktif çalışıyorum.

4+
Yıl deneyim
IoT
Admin panelleri & cihaz takibi
Live
Harita & telemetri dashboard’ları
CI/CD
Test, Docker & GitHub Actions
02Yetenekler
ReactNext.jsTypeScriptRedux ToolkitReact QueryTailwindReactNext.jsTypeScriptRedux ToolkitReact QueryTailwindReactNext.jsTypeScriptRedux ToolkitReact QueryTailwindReactNext.jsTypeScriptRedux ToolkitReact QueryTailwind
LeafletVitestCypressDockerCI/CDLeafletVitestCypressDockerCI/CDLeafletVitestCypressDockerCI/CDLeafletVitestCypressDockerCI/CD

Languages & Frameworks

01
  • JavaScript (ES6+)
  • TypeScript
  • React
  • Next.js
  • Node.js

State & Data

02
  • Redux Toolkit
  • React Query
  • REST APIs
  • GraphQL

UI

03
  • Tailwind CSS
  • Ant Design
  • Bootstrap
  • Responsive
  • Figma-to-code

Maps & Viz

04
  • Leaflet
  • Dashboard charts
  • Telemetry views

Testing

05
  • Vitest
  • Jest
  • React Testing Library
  • Cypress

Tooling & Delivery

06
  • Vite
  • Webpack
  • GitHub Actions
  • Docker
  • CI/CD
03Deneyim
Kas 2022 – Günümüz

PeakControl Defense

Frontend Developer

IoT / akıllı cihazlar · Ankara

  • Cihaz takip ve rol tabanlı yetkilendirme için IoT admin panelleri geliştirdim.
  • Müşteri ve role göre cihaz verisi render eden yapılandırılabilir “virtual page” bileşenleri kurdum.
  • Leaflet ile canlı konum takibi entegre ettim; saha ekiplerinin manuel aramasını kaldırdım.
  • Telemetri (durum, kullanım trendleri) için chart görselleştirmeleri ekledim.
  • Tailwind + Ant Design ile ortak bileşen kütüphanesi oluşturdum; i18n, code splitting ve lazy loading ile performansı iyileştirdim.
Ağu 2022 – Kas 2022

Viveka

Frontend Developer

Ankara

  • React, Next.js ve Tailwind ile Figma’dan pixel-accurate, performans odaklı arayüzler teslim ettim.
  • REST API’ler üzerinde CRUD akışları kurdum.
  • Paydaşlarla birlikte kapsam netleştirip zamanında teslim ettim.

Eğitim

  • Yönetim Bilişim Sistemleri — Lisans

    Açıköğretim · 2026 – 2028 (devam)

  • Bilgisayar Programcılığı — Ön Lisans

    Atatürk Üniversitesi · 2023 – 2025

Sertifikalar · Diller

  • Advanced React — Meta (Coursera), Şub 2024
  • Legacy JavaScript Algorithms — freeCodeCamp, Mar 2023
  • Frontend Web Development — Patika Academy, Eyl 2022
  • Türkçe (ana dil) · İngilizce (B2)
04Projeler

Canlıda çalışan
işler.

Ürün odaklı, ölçeklenebilir ve hızlı arayüzler. Yana kaydırarak göz at.

Culture & Arts Platform
01React · Node

Culture & Arts Platform

React arayüz, Node.js API (Docker) ve içerik/medya yönetimi için özel admin paneli.

↗
Online 128Alarm 3
02React · IoT

IoT Admin & Tracking

PeakControl’de cihaz filosu, rol bazlı yetki, Leaflet takip ve telemetri dashboard’ları.

Kurumsal · gizli
04Kurumsal işler

Şirkette
geliştirdiklerim.

Gizlilik sözleşmesi nedeniyle ekran, müşteri ve ürün detayı paylaşamıyorum. Görseller temsilidir; detayları görüşmede seve seve anlatırım.

⌕ filterstatus: allbulk
DV-1042now
DV-10432s
DV-10511m
DV-1060now
DV-107712m

Cihaz yönetim panelleri

01

Büyüyen cihaz filosu için filtrelenebilir listeler, anlık durum takibi ve toplu işlemler.

● live · 128 devices

Canlı harita takibi

02

Leaflet ile cihaz konumlarını anlık izleyen, sahadaki ekipler için harita arayüzleri.

usage · 24h+12.4%

Telemetri dashboard'ları

03

Durum ve kullanım verisini grafiklerle görselleştiren, kararı hızlandıran paneller.

vieweditexportadmin
Owner
Operator
Viewer

Rol & yetki yönetimi

04

Müşteri ve role göre değişen erişim kuralları; kullanıcı ve yetki ekranları.

{
  "type": "sensor",
  "layout": [
    "status",
    "chart",
    "map",
    "actions"
  ]
}

Konfigürasyonla oluşan sayfalar

05

Yeni cihaz tipleri front-end release'e gerek kalmadan canlıya alınsın diye yapılandırmadan render edilen arayüzler.

ButtonSecondarySearch…● OnlineAlarmTR / EN

Ortak bileşen kütüphanesi

06

Tailwind CSS + Ant Design tabanlı, i18n destekli, ekipler arasında paylaşılan bileşen seti.

05 — İletişim

Birlikte
üretelim

↗Mail gönder
muzafferckaplan@gmail.comCV indir