Hi, I'm
Kader Biral
Thoughtful digital products, built with quality code for seamless experiences.
- Years of experience
- 4+
- Projects worked on
- 20+
- İzmir · Worldwide
- TR
<KaderBiral/>About
I'm a frontend developer in İzmir. For four years I've been turning ideas and designs into products people actually use.
From design to code, I've worked on websites, B2B/B2C platforms, SaaS products, mobile apps, dashboards, and admin panels. I care about UI & UX, performance, accessibility, clean code that scales as a product grows, and the small details that make a product feel right.
I currently work remotely at Larsca and take on freelance projects through Upwork. Most of what I know has come from building real products, shipping them, and living with them long enough to understand what could be better.
Off the keyboard
- Novels
- Travel
- Technology
- Painting
- Sport
- Music
Skills
Core
- TypeScript
- JavaScript
- React
- React Native
- Next.js
- HTML5
- CSS3
Architecture & Engineering
- Frontend Architecture
- Component Architecture
- Reusable Components
- Clean & Maintainable Code
- State Management
- API Integration
- Cross-platform Development
- Performance Optimization
UI/UX & Web
- Design to Code
- UI/UX Implementation
- Responsive Web Design
- Design Systems
- Accessibility
- SEO
- Web Performance
AI
- OpenAI API
- LLM Integration
- AI-assisted Development
Testing & Quality
- Jest
- Vitest
- React Testing Library
- Playwright
- ESLint
- Prettier
Tools
- Git
- Vite
- Docker
- Vercel
- CI/CD
Experience
Work
- Sep 2025 — Present
Frontend Developer
Larsca · Full-time · İstanbul, Türkiye · Remote
- May 2025 — Aug 2025
Frontend Developer
Upwork · Freelance · İzmir, Türkiye · Remote
- Aug 2024 — Dec 2024
Frontend Developer
Pr Yazılım · Full-time · İzmir, Türkiye · Hybrid
- Jul 2021 — Nov 2023
Frontend Developer
Iotagraf Yazılım A.Ş. · Full-time · İzmir, Türkiye · On-site
- Oct 2014 — Jun 2015
IT Intern
Tüpraş · Internship · İzmir, Türkiye · On-site
Education
- 2015 — 2020
Bachelor's degree, Management Information Systems
Dokuz Eylül Üniversitesi · İzmir, Türkiye
- 2011 — 2015
High School Diploma, Web Programming
Halide Gencer Anadolu Meslek Lisesi · İzmir, Türkiye
TypeScriptCustom Dropdown Component
A custom dynamic dropdown component built using ReactJS and Typescript.
Apr 27, 20244 min read15 Useful CSS Properties You Should Know About
In the world of web development, the power and flexibility of CSS are becoming more pronounced by the day. However, some CSS properties are often over…
Feb 19, 20245 min read15 Useful HTML5 Attributes You Should Know About
The world of web development is constantly filled with innovations and advancements and one of these developments is the features brought by HTML5. HT…
May 2, 20254 min read6 New Game-Changing CSS Features You Should Be Using
Native Nesting, Simpler Media Queries, Smarter Dark Mode… CSS is becoming more powerful and readable with each passing day. Our dependence on preproce…
Feb 5, 20253 min read8 React Tips & Tricks for Beginners
React is a powerful and flexible JavaScript library for building user interfaces. However, as a beginner, it can sometimes be overwhelming to keep tra…
Jul 27, 20244 min read4 Best Practices and Common Mistakes in Tailwind CSS
Tailwind CSS has become a popular CSS framework in the modern web development world. Its utility-first approach provides developers with a fast and fl…
May 28, 20245 min read10 JavaScript Shortcuts to Save Time in Coding ⏰
JavaScript is widely used in web development. However, its complex structure and long code blocks can sometimes consume developer’s time and increase…
Mar 7, 20248 min readBuilding a Custom Dropdown Component in React (Step by Step)✨
In this article, I will introduce a custom Dropdown component that you can use dynamically in React applications. This Dropdown component allows users…
Mar 1, 20243 min read6 Different Ways to Center a Div ⏹
Centering a div element in CSS both horizontally and vertically is a common problem web developers face. In this article, we will explore how we can a…
Feb 29, 20243 min read15 Awesome CSS Shorthand Properties ⌛️
CSS is a markup language used to determine the appearance and layout of web pages. It is possible to define many features using CSS in a single line o…
Contact
Got a project in mind, or just want to say hello?
I am always up for new projects and good collaborations. Reach out about an idea, a build, or just to talk shop.
- Emailhello@kaderbiral.dev
- Locationİzmir, Türkiye
- Response timeUsually within 24 hours