Yasin AkbulutFrontend Developer
👋 Merhaba!Ben,
Özgeçmiş Görüntüle
Frontend Developer olarak React.js, Next.js, TypeScript, Redux, Redux-Saga ve Styled Components ile performans odaklı, ölçeklenebilir arayüzler geliştiriyorum. RESTful API entegrasyonları, component mimarisi ve tasarım sistemlerini kullanıcı dostu arayüzlere dönüştürme konularında deneyimliyim.
25 milyondan fazla kullanıcıya hizmet veren bir şirket olan Jotform'da, Product ekibinin bir parçası olarak çalıştım ve ekipler arasında paylaşılan bir monorepo mimarisi içinde No Code App Builder platformu için Push Notification, Copilot ve User Management gibi temel özelliklere katkıda bulundum. Ayrıca Jotform AI Agents'ın geliştirilmesinde yer aldım ve dinamik e-posta şablonları oluşturdum.
Profesyonel işlerimin yanı sıra, pasif gelir sağlayan kişisel projeler geliştirerek uçtan uca web geliştirme becerilerimi pekiştirdim.
Yeteneklerim
Tech Stack:
ReactNext.jsReduxSagaContext APIJavaScriptTypeScriptHTML5CSS/SCSSStyled ComponentsTailwindCSSBootstrapUI LibrariesLighthouseReact DevToolsRedux DevToolsPHP (PDO)
API & Database:
RESTful API IntegrationAxiosJSONPostmanMySQLPhpMyAdmin
Tools & Deployment:
Git / GitHubCI / CDGitHub ActionsUnit TestMonorepoRDSESLintCPanelVercelNetlifyFigma for devNotionSlack
Workflow:
Agile / Scrum MethodologyProblem SolvingTeam Collaboration
Currently Learning:
TypeScriptVue.js
Bu Proje İçin Ne Kullandım?
Bu projeyi geliştirirken ve yayınlarken kullandığım yazılım teknolojileri ve kütüphaneler.
Next.js
React tabanlı SSR, SSG, ISR gibi özellikler sunan modern web framework’ü.
React
Bileşen tabanlı kullanıcı arayüzleri geliştirmek için kullanılan kütüphane.
TypeScript
Statik tip kontrolü ile daha güvenli ve ölçeklenebilir JavaScript geliştirme imkanı sağlar.
App Router (Next.js)
Next.js 13+ ile gelen modern yönlendirme sistemi.
Tailwind CSS
Utility-first yaklaşımıyla hızlı ve tutarlı stil geliştirme imkanı sağlar.
HeroUI
Modern ve erişilebilir hazır React bileşenleri sunar.
Lucide React
Özelleştirilebilir ve hafif SVG ikon seti.
Framer Motion
Zengin animasyonlar ve geçiş efektleri oluşturmak için güçlü bir kütüphane.
React Type Animation
Yazı animasyonları oluşturmak için kullanılan bileşen.
Responsive Design
Tüm cihazlarda uyumlu arayüzler için duyarlı tasarım prensipleri kullanıldı.
react-use
Hazır custom hook'lar içeren pratik bir yardımcı kütüphane.
react-slugify
Başlıkları URL dostu slug’lara dönüştürür.
prism-react-renderer
Kod blokları için syntax highlight sağlar.
Code Block Renderer
Kodları vurgulayıp görselleştirerek sunmak için kullanıldı.
ESLint
Kod kalitesini artırmak için lint kurallarıyla projeyi analiz eder.
PostCSS
CSS dönüşümleri için kullanılan araç; Tailwind gibi sistemlerle birlikte çalışır.
Fetch API
Tarayıcı yerleşik HTTP isteklerini yapmak için kullanılan API.
Vercel
Next.js projeleri için optimize edilmiş hızlı dağıtım platformu.
GitHub
Versiyon kontrolü ve kaynak kod yönetimi için kullanılan platform.
SEO & Metadata
Arama motoru optimizasyonu ve sosyal medya önizlemeleri için yapılandırılmış meta bilgileri.
PHP
Projenin bazı bölümlerinde sunucu taraflı programlama için kullanıldı.
MySQL
Veri saklama ve yönetimi için kullanılan ilişkisel veritabanı.
cPanel
Web barındırma ve dağıtım yönetimi için kullanılan kontrol paneli.