🔗 IyiLink - Kişisel Link Yönetim Platformu

IyiLink, sosyal medya hesaplarınızı ve önemli linklerinizi tek bir yerde toplayabileceğiniz modern bir platform.

📋 İçindekiler

• 🌟 Özellikler
• 🚀 Teknolojiler
• ⚡ Kurulum
• 🎯 Kullanım
• 🏗️ Proje Yapısı
• 🔧 Konfigürasyon
• 📱 Özellik Detayları
• 🤝 Katkıda Bulunma

🌟 Özellikler

✨ Temel Özellikler

• 🔐 Kullanıcı Yönetimi: Firebase Authentication ile güvenli giriş/kayıt
• 🔗 Link Yönetimi: Sosyal medya ve web sitesi linklerini organize edin
• 📱 Responsive Tasarım: Mobil ve masaüstü cihazlarda mükemmel görünüm
• 🌙 Tema Desteği: Özelleştirilebilir renk temaları
• 📊 İstatistikler: Link tıklama sayıları ve profil görüntüleme analytics

🎨 Gelişmiş Özellikler

• 🖱️ Drag & Drop Sıralama: Link'lerinizi sürükleyip bırakarak yeniden sıralayın
• 👤 Kişisel Profil Sayfası: /{username} formatında özel profil URL'leri
• 🔄 Gerçek Zamanlı Önizleme: Değişiklikleri anında görün
• 📈 Analytics Dashboard: Detaylı kullanım istatistikleri

🎯 Kullanıcı Deneyimi

• ⚡ Hızlı Yükleme: Vite ile optimize edilmiş performans
• 🎭 Smooth Animasyonlar: Modern CSS transitions ve @dnd-kit animasyonları

🚀 Teknolojiler

Frontend

• ⚛️ React 19 - Modern UI geliştirme
• 🏪 Redux Toolkit - State management ve caching
• 🎨 Tailwind CSS - Utility-first CSS framework
• 🖱️ @dnd-kit - Drag and drop işlevselliği
• 📱 React Hook Form - Form yönetimi ve validasyon
• 🧭 React Router - Client-side routing

Backend & Database

• 🔥 Firebase Firestore - NoSQL veritabanı
• 🔐 Firebase Authentication - Kullanıcı doğrulama
• 💾 Firebase Storage - Dosya depolama

Development Tools

• ⚡ Vite - Modern build tool ve dev server
• 🔍 ESLint - Code quality ve standards
• 🎯 PostCSS - CSS processing
• 📦 npm - Package management

⚡ Kurulum

Gereksinimler

• Node.js 18+
• npm veya yarn
• Firebase hesabı

1. Projeyi Klonlayın

git clone https://github.com/your-username/iyilink.git
cd iyilink

2. Bağımlılıkları Yükleyin

npm install

3. Firebase Konfigürasyonu

Firebase console'dan yeni bir proje oluşturun ve konfigürasyon bilgilerini .env dosyasına ekleyin:

# .env dosyası oluşturun
cp .env.example .env

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id

4. Geliştirme Sunucusunu Başlatın

npm run dev

Uygulama http://localhost:5173 adresinde çalışacaktır.

🎯 Kullanım

👤 Hesap Oluşturma

1. Ana sayfadan "Kayıt Ol" butonuna tıklayın
2. Email ve şifrenizi girin
3. Kullanıcı adınızı belirleyin (profil URL'iniz olacak)

🔗 Link Ekleme

1. Dashboard'da "Bağlantı Ekle" butonuna tıklayın
2. Link başlığı ve URL'sini girin
3. Uygun ikonu seçin
4. "Kaydet" butonuna tıklayın

🖱️ Link Sıralama

1. Link listesinde hamburger menü (≡) ikonunu görün
2. İkona tıklayıp tutarak link'i sürükleyin
3. İstediğiniz konuma bırakın
4. Sıralama otomatik olarak kaydedilir

📱 Profil Paylaşma

Profil URL'inizi paylaşın: https://iyilink.co/{username}

Vite Konfigürasyonu

Proje zaten optimize edilmiş Vite konfigürasyonu ile gelir. Özelleştirmek için vite.config.js dosyasını düzenleyebilirsiniz.

📱 Özellik Detayları

🖱️ Drag & Drop Sıralama

• @dnd-kit kütüphanesi kullanılarak geliştirildi
• Touch device'lar için tam destek
• Smooth animasyonlar ve görsel geri bildirim
• Accessibility (a11y) desteği
• Klavye navigasyonu

📊 Analytics & İstatistikler

• Link tıklama sayıları
• Profil görüntüleme istatistikleri
• Gerçek zamanlı veri güncellemeleri

🙏 Teşekkürler

• React - UI framework
• Firebase - Backend services
• Tailwind CSS - CSS framework

---

🔗 IyiLink ile linklerinizi organize edin ve paylaşın!