Modern Portfolio Website

Modern, responsive ve çok dilli bir portfolyo websitesi. React, Tailwind CSS ve modern web teknolojileri kullanılarak geliştirilmiştir.

🚀 Özellikler

• ✨ Modern ve minimalist tasarım
• 🌓 Karanlık/Aydınlık mod desteği
• 🌐 Çoklu dil desteği (Türkçe, İngilizce, Arapça)
• 📱 Tam responsive tasarım
• ⚡ Yüksek performans
• 🎨 Smooth animasyonlar
• 📝 İletişim formu
• 🔍 SEO dostu

🛠️ Teknolojiler

• Frontend Framework: React
• Styling: Tailwind CSS
• Icons: Lucide React
• Form Handling: React Hook Form
• Validation: Zod
• State Management: React Context
• Database: Supabase (opsiyonel)

🏗️ Proje Yapısı

src/
├── components/         # UI bileşenleri
├── contexts/          # React context'leri
├── hooks/             # Custom hooks
├── lib/              # Utility fonksiyonları
├── constants/        # Sabit değerler ve çeviriler
└── App.jsx           # Ana uygulama bileşeni

📦 Bileşenler

• Navbar: Responsive navigasyon menüsü
• Hero: Ana tanıtım bölümü
• About: Hakkında bölümü
• Experience: İş deneyimi bölümü
• Skills: Yetenekler bölümü
• Projects: Projeler bölümü
• Contact: İletişim formu

🌍 Dil Desteği

Uygulama şu dilleri destekler:

• 🇹🇷 Türkçe
• 🇬🇧 İngilizce
• 🇸🇦 Arapça

🎨 Tema Desteği

• 🌞 Aydınlık mod
• 🌚 Karanlık mod
• 🔄 Otomatik tema değiştirme
• 💾 Tema tercihi kaydetme

⚙️ Kurulum

1. Projeyi klonlayın:

git clone [repo-url]

2. Bağımlılıkları yükleyin:

npm install

3. Geliştirme sunucusunu başlatın:

npm run dev

📝 İletişim Formu

İletişim formu iki modda çalışabilir:

1. Demo Mod: Form verileri console'a yazdırılır
2. Supabase Mod: Form verileri Supabase veritabanına kaydedilir

Supabase'i aktif etmek için:

1. Sağ üst köşedeki "Connect to Supabase" butonuna tıklayın
2. Supabase projenizi oluşturun
3. Gerekli credentials'ları .env dosyasına ekleyin

🚀 Dağıtım

Proje Netlify üzerinde dağıtıma hazırdır. Dağıtım için:

npm run build

📄 Lisans

MIT

👤 Geliştirici

learn

how to do gitflow

Kenan Turgay

• GitHub
• LinkedIn
• Twitter