👋 Hello!I'm,
View Resume
I develop modern, high-performance, and scalable interfaces using React.js, Next.js, TypeScript, JavaScript, and jQuery. I build strong UI foundations with HTML, CSS/SAAS, Styled Components, TailwindCSS and various UI libraries.
I manage global state with Redux Toolkit, Saga, Zustand, and Context API. I have experience with RESTful API integrations, JWT authentication, Git version control, CI/CD pipelines, PWA development, monorepo structures, UI/UX improvements, pixel-perfect UI and reusable component architecture.
I am experienced in teamwork, agile methodologies, sprint cycles, and task management. In addition to my professional work, I build personal SaaS projects that generate passive income, giving me end-to-end product development experience.
My Skills
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
What I Used in this Project?
Software technologies and libraries I used while developing and publishing this project.
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.