🔒 SebChat - Modern Gerçek Zamanlı Mesajlaşma Platformu

Hızlı, Güvenli ve Kullanıcı Dostu Mesajlaşma Deneyimi

📌 Uygulama Tanıtımı

SebChat, modern ve güvenli bir gerçek zamanlı mesajlaşma platformudur. React ve Firebase teknolojileriyle geliştirilen bu uygulama, kullanıcıların hızlı ve güvenli bir şekilde iletişim kurmasını sağlar.

📋 Kurulum Adımları

1. Projenin en son sürümünü GitHub'dan klonlayın:

   git clone https://github.com/omercikan/sebchat.git

2. Proje dizinine girin:

   cd sebchat

3. Bağımlılıkları yüklemek için:

   npm install

4. Kendi config dosyanızı oluşturun ve Firebase ayarlarınızı ekleyin. Örneğin:

   
   export const firebaseConfig = {
     apiKey: "API_KEY",
     authDomain: "PROJECT_ID.firebaseapp.com",
     databaseURL: "https://PROJECT_ID.firebaseio.com",
     projectId: "PROJECT_ID",
     storageBucket: "PROJECT_ID.appspot.com",
     messagingSenderId: "SENDER_ID",
     appId: "APP_ID"
   };
       

   Not: Firebase kurulumu sadece bu dosya ile bitmez; kendi veritabanınızı oluşturmanız, güvenlik kurallarınızı yazmanız ve diğer ayarları yapmanız gerekmektedir. Detaylı rehber için Firebase Dokümantasyonu'nu inceleyebilirsiniz.

5. Firebase ayarlarınızı tamamladıktan sonra, uygulamayı başlatmak için:

   npm run dev

⚠️ Önemli Not

Repo içerisine Firebase ve API bilgilerini eklemediğim için, projeyi kendi cihazınızda çalıştırmak isterseniz, kendi config dosyanızı oluşturup Firebase veritabanınızı ayarlamanız ve güvenlik kurallarınızı yazmanız gerekmektedir. Aksi takdirde, uygulama hata verecektir. Alternatif olarak, uygulamayı doğrudan verilen link üzerinden deneyimleyebilirsiniz.

📌 Öne Çıkan Özellikler

🔒 Güvenli Kimlik Doğrulama

Firebase ile güvenli kullanıcı kimlik doğrulama sistemi.

⚡ Gerçek Zamanlı Mesajlaşma

Anlık mesajlaşma ile kesintisiz iletişim.

📱 Responsive & Modern UI

Tüm cihazlarda uyumlu, modern kullanıcı arayüzü.

👥 Kullanıcı Yönetimi

Kullanıcıların kolayca yönetilmesi.

🌈 Özelleştirilebilir Profil

Kullanıcıların profillerini kişiselleştirmesi.

🔔 Bildirim Sistemi

React Hot Toast ile bildirimler.

🛡️ TypeScript ile Tip Güvenliği

Kod güvenliği ve tip güvenliği.

📧 E-posta Doğrulama

Kayıt olan kullanıcıya e-posta doğrulama linki gönderilir. 30 saniye içinde tıklanmazsa kayıt iptal edilir.

📸 Ekran Görüntüleri

Uygulama Ekranları

🚀 Teknoloji Stack'i

Frontend

Teknoloji	Açıklama
React + Vite	Ultra hızlı build işlemleri için Vite kullanılmıştır.
TypeScript	Kod güvenliği ve tip güvenliği için kullanılmıştır.
Redux Toolkit	Uygulamanın durum yönetimi için kullanılmıştır.
React Router	Modern ve verimli yönlendirme işlemleri için kullanılmıştır.

UI & Stil

Teknoloji	Açıklama
Material-UI (MUI)	Bileşen kütüphanesi olarak kullanılmıştır.
Tailwind CSS	Utility-first stil uygulamaları için kullanılmıştır.
SCSS	Gelişmiş stil işlemleri için kullanılmıştır.
React Transition Group	Animasyonlar için kullanılmıştır.

Backend & Veritabanı

Teknoloji	Açıklama
Firebase	Gerçek zamanlı veritabanı ve kimlik doğrulama işlemleri için kullanılmıştır.
React Firebase Hooks	Gerçek zamanlı veri senkronizasyonu için kullanılmıştır.

Araçlar

• React Icons (Zengin İkon Seti)
• ESLint (Kod Kalite Kontrol)
• Prettier (Kod Formatlama)

📜 MIT Lisansı

Bu proje MIT Lisansı altında lisanslanmıştır. Bu lisans, kullanıcılara projeyi özgürce kullanma, değiştirme ve dağıtma hakkı verir. Lisansın tam metnini buradan okuyabilirsiniz.

🚀 Uygulamayı Deneyimleyin

🚀 Canlı Demo'yu Görüntüle