Whatsapp Clone React

Kısa Açıklama

Bu projede WhatsApp Web akışını taklit eden, gerçek zamanlı mesajlaşma ve üyelik sistemi olan bir sohbet uygulaması geliştirmişim.

Problem

Gerçek zamanlı sohbet uygulamalarında giriş, kullanıcı listesi, mesaj akışı ve profil düzenleme parçaları kolayca dağınık hale geliyor. Bu projede bu temel iletişim akışını tek yapıda toparlamaya odaklanmışım.

Çözüm

Uygulamayı React, TypeScript, Firebase ve Redux Toolkit ile kurmuşum. Mesaj ve kullanıcı durumunu messageSlice ile userSlice içinde yönetmiş, arayüzü sol panel ve sağ panel yapısına ayırmışım. Üyelik sistemi, mesaj gönderme, tüm kullanıcıları listeleme ve ad, avatar, durum bilgisi güncelleme akışını aynı uygulama içinde toplamışım.

Sonuç

Ortaya masaüstü mesajlaşma deneyimini taklit eden, akışı net bir chat uygulaması çıkmış. Proje gerçek zamanlı veri akışı, kimlik doğrulama, merkezi state yönetimi ve TypeScript tabanlı React mimarisini birlikte gösteriyor.

Teknolojiler

React, TypeScript, Firebase, Firestore, Redux Toolkit, React Redux, Tailwind CSS, Vite, React Toastify, Reactstrap, React Icons, Validator

Kurulum