👋 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
A modern web framework offering SSR, SSG, and ISR built on React.
React
A library for building component-based user interfaces.
TypeScript
Enhances JavaScript with static typing for safer and scalable development.
App Router (Next.js)
Modern routing system introduced in Next.js 13+.
Tailwind CSS
A utility-first CSS framework for fast and consistent styling.
HeroUI
Modern and accessible pre-built React components.
Lucide React
Customizable and lightweight SVG icon library.
Framer Motion
Powerful library for animations and transitions in React.
React Type Animation
Component for creating typewriter-style text animations.
Responsive Design
Design principles to ensure compatibility across all devices.
react-use
A utility library offering ready-to-use React hooks.
react-slugify
Converts text into URL-friendly slugs.
prism-react-renderer
Provides syntax highlighting for code blocks.
Code Block Renderer
Used to render and visually highlight code snippets.
ESLint
Improves code quality using linting rules.
PostCSS
Tool for CSS transformations, often used with Tailwind.
Fetch API
Native browser API for making HTTP requests.
Vercel
Fast and optimized deployment platform for Next.js projects.
GitHub
Platform for version control and source code management.
SEO & Metadata
Structured metadata for SEO and social media previews.
PHP
Used for server-side scripting in parts of the project.
MySQL
Relational database used for data storage and management.
cPanel
Control panel for managing web hosting and deployments.