Repositories

FZT İlkay Demirci

Next.js 14 ve React kullanarak geliştirilmiş modern bir web uygulamasıdır. @tabler/icons-react ile kullanıcı dostu simgeler eklenirken, framer-motion ile dinamik animasyonlar sağlanır. geist ile şık bir tasarım ve kullanıcı dostu arayüzler oluşturulurken, tailwind-merge ile Tailwind CSS optimizasyonları yapılır. @vercel/analytics ile uygulamanın analiz verileri takip edilir ve clsx ile sınıf yönetimi kolaylaştırılır. Proje, sade ve etkili bir deneyim sunarak görsel tasarımlar ve animasyonlarla modern web ihtiyaçlarını karşılar.

GTA5 Shop (0Bug-Battlepass)

Vite ve React 18 kullanılarak geliştirilmiş bir web uygulamasıdır. three.js ile 3D görselleştirme yapılırken, @react-three/fiber ile React ile entegrasyon sağlanır. Uygulama, Jotai ile durum yönetimi ve Tailwind CSS ile özelleştirilmiş stil çözümleri sunar. TypeScript kullanılarak daha güvenli bir geliştirme ortamı oluşturulmuş, ESLint ile ise kod kalitesi ve tutarlılığı sağlanmıştır. Temel kullanılan paketler arasında three, clsx, vite ve react-dom bulunmaktadır.

GTA5 Shop (Multicharacter)

Next.js 14 ile geliştirilmiş, modern bir web uygulaması. React Icons ile ikon bazlı bileşenler eklenirken, Jotai ile basit ve etkili durum yönetimi sağlanır. Tailwind CSS ve tailwind-merge kullanılarak hızlı ve özelleştirilebilir stil çözümleri sunulur. Proje, React 18 ve Next.js 14 ile modern web uygulama standartlarına uygun bir yapı sağlar. Kullanılan temel paketler arasında clsx, react-icons, jotai, ve tailwind-merge bulunmaktadır.

GTA5 Shop (Vehicleshop)

Next.js 14 ile geliştirilmiş, modern bir web uygulaması. Swiper ile kaydırılabilir içerik galerileri ve dinamik öğeler oluşturulurken, Jotai ile basit ve güçlü durum yönetimi sağlanır. Tailwind CSS ve tailwind-merge kullanılarak hızlı ve özelleştirilebilir stil çözümleri sunulur. Proje, React 18 ve Next.js 14 ile modern web standartlarına uygun bir yapı sağlar. Kullanılan temel paketler arasında clsx, swiper, jotai, ve tailwind-merge bulunmaktadır.

Nextjs Authentication

Next.js 14 ve React kullanarak geliştirilmiş bir kimlik doğrulama uygulamasıdır. bcryptjs ve jose gibi şifreleme ve güvenlik kütüphaneleriyle kullanıcı doğrulama süreçlerini güvenli hale getirirken, @radix-ui/react-label ve lucide-react ile erişilebilir ve modern kullanıcı arayüzleri sağlanır. clsx ile sınıf yönetimi ve tailwind-merge ile CSS optimizasyonları yapılır. tailwindcss-animate ile animasyonlar eklenerek kullanıcı deneyimi zenginleştirilir. Ayrıca zod ile veri doğrulama ve server-only ile sunucu tarafı işlevsellik eklenir. Proje, güvenli ve kullanıcı dostu bir kimlik doğrulama deneyimi sunar.

Nextjs Bento Grid Portfolio

Modern bir UI/UX tasarım platformu olan Bento Grid, Next.js 15 ve React ile geliştirilmiştir. Sürükle-bırak özellikleri, etkileyici animasyonlar, şık tasarım ve tema yönetimi gibi birçok modern özelliği içerir.

Nextjs Jira Clone

Next.js 14 kullanılarak geliştirilmiş bir proje yönetim uygulamasıdır. Uygulama, @hello-pangea/dnd ile sürükle-bırak işlevselliği sunarak görevlerin kolayca düzenlenmesini sağlar. @radix-ui/react bileşenleriyle erişilebilir ve özelleştirilebilir bir kullanıcı arayüzü sağlanır. @tanstack/react-query ve @tanstack/react-table ile veri yönetimi yapılırken, react-hook-form form yönetimini optimize eder. Uygulama, zod ile veri doğrulaması ve hono ile hızlı sunucu tarafı işleme özellikleri sunar. Kullanıcı dostu ve fonksiyonel bir proje yönetimi deneyimi için tailwind-merge ile Tailwind CSS yapılandırması sağlanır.

React Native Expo App

Expo ve React Native kullanarak geliştirilmiş bir mobil uygulamadır. Uygulama, expo-av ve expo-image-picker gibi kütüphanelerle medya dosyalarını yönetirken, expo-document-picker ile kullanıcıların dosya seçmesine olanak tanır. expo-router sayesinde yönlendirme işlemleri yapılır ve expo-status-bar ile uygulama durum çubuğu yönetilir. nativewind ile Tailwind CSS entegrasyonu sağlanarak stil yönetimi yapılır. react-native-animatable ile animasyonlar eklenir ve react-native-appwrite ile backend entegrasyonu yapılır. Proje, expo-constants ve expo-linking gibi araçlarla uygulama yapılandırmasını kolaylaştırır ve hem Android hem de iOS platformlarında çalışabilen bir deneyim sunar.

Nextjs 15 Docs Clone

Next.js 15 ile geliştirilmiş, zengin özelliklere sahip bir dokümantasyon ve eğitim uygulaması. Clerk ile kullanıcı kimlik doğrulama sağlanırken, Liveblocks ile gerçek zamanlı etkileşimli özellikler eklenir. Uygulama, Tiptap ile zengin metin düzenleme özellikleri ve Radix UI bileşenleriyle erişilebilir arayüzler sunar. Zustand ile global durum yönetimi ve React Hook Form ile form yönetimi yapılır. Kullanılan temel paketler arasında @clerk/nextjs, @liveblocks/react, tiptap ve tailwind-merge bulunmaktadır.

Nextjs 15 Form useActionState , Arcjet

Next.js 15 ile yeni gelen useActionState özelliğini kullanan bir form yönetimi projesi. Prisma ile veritabanı entegrasyonu sağlanırken, Radix UI bileşenleriyle erişilebilir ve özelleştirilebilir form elemanları oluşturulur. Proje, Tailwind CSS, Lucide React gibi modern araçlar kullanarak stilize edilebilir. Ayrıca, useActionState özelliği, form durumlarını yönetmek için etkili bir çözüm sunar. Kullanılan temel paketler arasında @prisma/client, clsx, tailwind-merge, next-themes ve Zod bulunmaktadır.

Nextjs 15 Markdown (MDX)

Next.js 15 ile yeni gelen MDX yapısını kullanan bir proje. MDX dosyalarıyla dinamik içerik yönetimi sağlar ve React 19 desteğiyle modern bir yapı sunar. Projede kullanılan temel paketler arasında @next/mdx, @mdx-js/react, Next View Transitions, Tailwind CSS ve Sugar High bulunuyor.

React Native Spotify Clone (Expo)

Spotify uygulamasının tasarımını ve temel özelliklerini taklit eden bir mobil uygulama. Expo ve React Native kullanılarak geliştirildi; hem Android hem iOS platformlarında çalışabilir. Projede kullanılan temel paketler arasında React Navigation, Tailwind CSS, NativeWind, React Native Reanimated, React Native Gesture Handler ve Gorhom Bottom Sheet bulunuyor.