Sohbet Uygulaması

Gerçek zamanlı mesajlaşma uygulaması. React, Firebase ve Tailwind CSS kullanılarak geliştirildi.

Özellikler

• Google Authentication ile kullanıcı girişi
• Firebase Firestore ile gerçek zamanlı mesajlaşma
• Responsive tasarım (mobil ve masaüstü uyumlu)
• Kullanıcı profil fotoğrafları ve görüntüleme
• Mesaj zaman damgaları
• Otomatik scroll

Kurulum

Projeyi çalıştırmak için aşağıdaki adımları izleyin:

# Bağımlılıkları yükleyin
npm install

# .env.example dosyasını .env olarak kopyalayın
cp .env.example .env

# .env dosyasını kendi Firebase bilgilerinizle güncelleyin

Firebase Console'dan bir proje oluşturup aşağıdaki ayarları yapmanız gerekiyor:

• Authentication bölümünden Google sign-in'i etkinleştirin
• Firestore Database oluşturun
• Web app credentials'ınızı .env dosyasına ekleyin

# Development server'ı başlatın
npm run dev

# Production build
npm run build

Kullanılan Teknolojiler

• React
• Vite
• Firebase (Authentication, Firestore, Hosting)
• Tailwind CSS
• react-firebase-hooks

Deployment

Firebase hosting kullanılarak deploy edildi. Kendi projenizi deploy etmek için:

npm run build
firebase deploy

Proje Yapısı

src/
  ├── App.jsx          # Ana uygulama bileşeni ve tüm komponentler
  ├── index.css        # Global stiller ve animasyonlar
  └── main.jsx         # Giriş noktası

Geliştirme Notları

Tek dosya yapısı tercih edildi. Daha büyük projelerde component'lerin ayrı dosyalara taşınması önerilir.