👋 Hello!I'm,
View Resume
As a Frontend Developer, I build performance-focused and scalable user interfaces using React.js, Next.js, TypeScript, Redux, Redux-Saga, and Styled Components. I have experience in RESTful API integration, component-based architecture, and turning design systems into user-friendly interfaces.
At Jotform, a company serving over 25 million users, I worked as part of the Product team. Within a shared monorepo architecture, I contributed to core features of the No Code App Builder platform, such as Push Notification, Copilot, and User Management. I was also involved in the development of Jotform AI Agents and created dynamic email templates.
In addition to my professional work, I developed personal side projects that generate passive income and helped me improve my full-stack web development skills.
My Skills
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
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.