Maksat Muhabbet, kullanıcıların samimi ve eğlenceli sohbetler gerçekleştirebileceği bir sohbet uygulamasıdır. Firebase altyapısını kullanarak güvenli bir şekilde kimlik doğrulama yapabilir, sohbet verilerini ve medya dosyalarını yönetebilirsiniz.
- Kullanıcı Kimlik Doğrulama: Firebase Authentication ile güvenli giriş yapın.
- Gerçek Zamanlı Sohbet: Firestore Database kullanarak mesajlarınızı anlık olarak paylaşın.
- Medya Paylaşımı: Firebase Storage ile fotoğraf gönderin, (video ve ses özellikleri yakında).
- Mesajlara Emoji Ekleme: Emoji Picker ile mesajlarınıza renk katın.
- SCSS ile Özel Tasarım: Modern ve duyarlı tasarım için SCSS kullanıldı.
- React: Kullanıcı arayüzü geliştirmek için.
- Firebase:
- Authentication (Kullanıcı giriş/çıkış işlemleri)
- Firestore Database (Sohbet verilerini depolama)
- Storage (Medya dosyalarını depolama)
- SCSS: Uygulamanın stil bileşenlerini özelleştirmek için.
- UUID: Her mesaj ve kullanıcı için benzersiz kimlik oluşturmak amacıyla.
- Emoji Picker React: Mesajlarınıza emoji ekleyebilmeniz için.
- React Icons: Uygulamada ikonları kolayca kullanabilmek için.
Projeyi yerel makinenizde çalıştırmak için aşağıdaki adımları izleyin:
-
Bu projeyi klonlayın:
git clone https://github.com/cengo14/firebase-react-chat-msn-project.git
-
Proje dizinine gidin:
firebase-react-chat-msn-project
-
Gerekli bağımlılıkları yükleyin:
npm install
-
Firebase yapılandırmanızı
.envdosyasına ekleyin:VITE_FIREBASE_API_KEY=your-api-key VITE_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain VITE_APP_FIREBASE_PROJECT_ID=your-project-id VITE_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket VITE_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id VITE_APP_FIREBASE_APP_ID=your-app-id VITE_FIREBASE_MEASUREMENT_ID=your-measurement-id -
Uygulamayı başlatın:
npm run dev
Her türlü geri bildirime açığız! Projeye katkıda bulunmak isterseniz, lütfen bir pull request gönderin veya bir issue açın.
Bu proje MIT lisansı ile lisanslanmıştır.