${
mehmetkonukçu
}
Home
About Me
My Projects
CV
${
m
e
h
m
e
t
k
o
n
u
k
ç
u
}
mehmetkonukçu
a full-stack developer.
Mehmet Konukçu
Typescript
Python
React
Expo
Next.js
Tailwind CSS
Redux
React Query
Zustand
Shadcn UI
Framer Motion
Zod
Flutter
Node.js
Express.js
Prisma
Firebase
Supabase
Redis
Vercel
Docker
Git
GitHub
GitLab
Postman
SourceTree
Slack
Puppeteer

Frontend Technologies

ReactReactReact NativeReact NativeExpoExpoNext.jsNext.jsTailwind CSSTailwind CSSReduxReduxReact QueryReact QueryZustandZustandShadcn UIShadcn UIFramer MotionFramer MotionReact Hook FormReact Hook FormZodZodFlutterFlutterHiveHive

Tools

GitGitGitHubGitHubGitLabGitLabPostmanPostmanSourceTreeSourceTreeSlackSlackLinearLinearPuppeteerPuppeteerNotionNotion

Backend Technologies

Node.jsNode.jsExpress.jsExpress.jsPrismaPrismaFastAPIFastAPI

Programming Languages

DartDartJavascriptJavascriptTypescriptTypescriptPythonPython

Design Tools

FigmaFigmaPhotoshopPhotoshopAdobe XDAdobe XD

Database Technologies

PostgreSQLPostgreSQLFirebaseFirebaseSupabaseSupabaseRedisRedis

DevOps

VercelVercelDockerDocker

Experience

062025
032023

Front-End Developer

KomuniteNewark, New Jersey, USARemote

In Komunite, by closely following the latest technologies, I developed modern and performance-oriented web projects compatible with Next.js, Tailwind CSS and TypeScript. I have always adhered to the “type safety” principle in my codes and created error-free and sustainable structures. While converting Figma designs to React, I achieved meticulously processed “pixel perfect” results where every pixel finds its place. In my projects, I have used powerful tools such as Vercel, Shadcn, Zod, Zustand, React Hook Form, Stripe, Lemon Squeezy, React Markdown, MDXEditor, Next Auth, Supabase and Prisma and I have mastered these technologies.

TypescriptTypescriptNext.jsNext.jsTailwind CSSTailwind CSSZustandZustandShadcn UIShadcn UIReact Hook FormReact Hook FormZodZodPrismaPrismaSupabaseSupabaseVercelVercel
Developed:
SaaS AkademiNotion EğitimiYZ EğitimiContent CodexNotion Branding KitMVP RecipesInformateSapardalokomotif.aiKarma Design
092022
072022

Mobile Developer Intern

AbraneroKonya, TurkiyeHybrid

During my university internship at Abranero, I developed innovative mobile applications using the Flutter library, including the “Konya Zero Waste” mobile application. During the development process, I maximized the performance and user experience of my applications by frequently using up-to-date and powerful packages such as Get, Dio, Hive, Flutter_screenutil and photo_view. By making the most of this internship period, I gained a strong foundation and a broad knowledge.

DartDartFlutterFlutterHiveHive
Developed:
Konya Sıfır Atık Mobil Uygulaması
032023
092018

Freelance Software Developer

During the time I worked as a freelancer, I produced various projects by constantly improving myself in the fields of web and mobile application development. I developed performance-oriented web applications using modern technologies such as React, Next.js and TypeScript. I also developed mobile applications using mobile application development technologies such as React Native, Expo and Flutter. In this process, I enriched my portfolio by developing my personal projects and had the opportunity to experience new technologies.

DartDartTypescriptTypescriptPythonPythonReactReactReact NativeReact NativeExpoExpoNext.jsNext.jsTailwind CSSTailwind CSSZustandZustandShadcn UIShadcn UIReact Hook FormReact Hook FormZodZodFlutterFlutterNode.jsNode.jsExpress.jsExpress.jsPrismaPrismaFastAPIFastAPIPostgreSQLPostgreSQLFirebaseFirebaseSupabaseSupabaseRedisRedisVercelVercelDockerDockerFigmaFigmaPostmanPostman
Developed:
Borsa SimülasyonuTodos API Backendkonukcu.dev v4konukcu.dev v3konukcu.dev v2Memory GameSpend MoneyRedux Noteskonukcu.dev v1Post Description GeneratorSprienFotonotCalcuBody

Education

2026
2023

Software Engineering

Konya Technical UniversityKonya, Turkiye

I have reached the main goal I wanted to reach! :) All those efforts, YKS, DGS, horizontal transitions, vertical transitions... All for my dream of software engineering.

2023
2022

Computer Engineering

Konya Technical UniversityKonya, Turkiye

I won the Computer Engineering department at Konya Technical University, where I registered as the 781st in the Vertical Transfer Exam. My average was 3.18.

2022
2020

Computer Programming

Konya Technical UniversityKonya, Turkiye

Physics, chemistry, biology... Why do I need to know these subjects well to study Computer Engineering? I studied computer programming without studying any of these courses and aimed to transfer with DGS. I graduated with an average of 3.71.

email
website
role
name

Contact

coded with
Konukcudev

What I Published

Next.js v15 (SSR) ve Express ile GraphQL Entegrasyonu

Next.js v15 (SSR) ve Express ile GraphQL Entegrasyonu

Next.js v15 ve Express v5 ile SSR odaklı, type-safe GraphQL entegrasyonu nasıl yapılır, adım adım anlatıyorum

(June 13, 2025)
Kaotik commit geçmişine son: Conventional Commits ile tanışın

Kaotik commit geçmişine son: Conventional Commits ile tanışın

Git commit mesajlarınızı standardize etmenin en etkili yolu: Conventional Commits. Projenizin hikayesini daha iyi anlatmaya hazır mısınız?

(October 26, 2024)
Radix UI, React, Tailwind CSS ile Özelleştirilmiş Select Component Geliştirme Rehberi 🚀

Radix UI, React, Tailwind CSS ile Özelleştirilmiş Select Component Geliştirme Rehberi 🚀

React, Tailwind CSS ve Typescript Kullanarak Radix UI ile Select Component Geliştirmenin İncelikleri

(September 26, 2023)
React.js (TS) ve Tailwind CSS ile Pagination Componenti Geliştirmek

React.js (TS) ve Tailwind CSS ile Pagination Componenti Geliştirmek

React (TS) ve Tailwind CSS ile bir Pagination nasıl geliştirilir? Hadi gelin birlikte öğrenelim!

(August 14, 2023)
Next.js (React) ve Tailwind CSS ile Varyantlara Sahip Componentler Geliştirmek

Next.js (React) ve Tailwind CSS ile Varyantlara Sahip Componentler Geliştirmek

Varyantlara sahip componentler geliştirmek başlarda bana çok zorlu ve sıkıcı geliyordu, şimdi anlatacağım yol sayesinde işler çok kolay!

(May 7, 2023)
React (Next.js) ve Tailwind CSS ile Animasyonlu Açılır Kapanır div Nasıl Yapılır?

React (Next.js) ve Tailwind CSS ile Animasyonlu Açılır Kapanır div Nasıl Yapılır?

Selam dostlar! Bugün sizlerle React ve Tailwind CSS kullanarak bir div’in nasıl animasyonlu bir şekilde açılıp kapanmasını sağlarız…

(April 2, 2023)
Flutter’da Klasör Yapısı

Flutter’da Klasör Yapısı

Bu makalede Flutter ile geliştirdiğim projelerde kullandığım klasör yapısını sizlere anlatmaya çalışacağım, hadi gelin başlayalım!

(February 16, 2023)