Yasin AkbulutFrontend Developer
👋 Merhaba!Ben,
Özgeçmiş Görüntüle
React.js, Next.js, TypeScript, JavaScript, jQuery ile modern, performanslı ve ölçeklenebilir arayüzler geliştiriyorum. HTML, CSS/SAAS, Styled Components, TailwindCSS ve çeşitli UI Kütüphaneleri ile güçlü bir UI altyapısı oluşturuyorum.
Redux Toolkit, Saga, Zustand ve Context API kullanarak global state yönetimi sağlıyorum. RESTful API entegrasyonları, JWT kimlik doğrulama, Git versiyon kontrolü, CI/CD süreçleri, PWA (Progressive Web App) geliştirme ve monorepo yapıları ile UI/UX, pixel perfect UI ve reusable component mimarileri üzerinde deneyimliyim.
Takım çalışması, agile çalışma metodolojisi, sprint süreçleri ve task management konularında deneyim sahibiyim. Profesyonel işlerimin yanı sıra, pasif gelir sağlayan kişisel SaaS projeler geliştirerek uçtan uca web geliştirme deneyimi edindim.
Yeteneklerim
Frontend:
React.jsNext.jsJavaScriptTypeScriptjQueryHTML5CSS/SCSSTailwindCSSStyled ComponentsBootstrapUI LibrariesReact DevToolsLighthouse
State Management:
ReduxRedux SagaZustandContext API
Backend & API:
RESTful API IntegrationSupabaseAxiosJWTJSONPostmanMySQLPHP (PDO)PhpMyAdmin
Build & Deployment:
Git / GitHubGitHub ActionsCI / CDUnit TestMonorepoPWANPMRDSCPanelVercel
Soft Skills:
Agile / Scrum MetodolojiProblem ÇözmeTakım ÇalışmasıTrello / Jira / Notion
Currently Learning:
Vue.jsAngularJS
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.