PetConnect

Sokak Hayvanları İçin Yardımlaşma Ağı

RolümFrontend Geliştirici

Süre3 Ay

Takım4 Kişi

Proje Kapak Görseli Buraya Gelecek

Proje Özeti

PetConnect, sokak hayvanlarına yardım etmek isteyen gönüllülerle, yardıma muhtaç hayvanları aynı platformda buluşturan bir web uygulamasıdır. Kullanıcılar konum bazlı ilanlar açabilir, mama bağışı yapabilir veya veteriner desteği talep edebilirler.

Problem Tanımı

Şehrin farklı noktalarındaki sahipsiz hayvanların durumunu anlık olarak takip edememe ve mahalle bazlı yardımlaşma ağının eksikliği. Gönüllülerin kopuk iletişim kanalları üzerinden organize olmaya çalışırken yaşadığı vakit kaybı.

Çözüm & Yaklaşım

Harita tabanlı bir etkileşim modeli tasarladık. Firebase kullanarak gerçek zamanlı veri senkronizasyonu sağladık. Kullanıcı deneyimini ön planda tutarak karmaşık olmayan, acil durumlarda hızlı aksiyon alınabilecek bir arayüz geliştirdik.

Teknoloji Yığını

React.js

Kullanıcı Arayüzü

Tailwind

Stil & Tasarım

Firebase

Auth & Database

Framer

Animasyonlar

Neler Öğrendim?

1
State Yönetimi (Zustand)Projeye başlarken Context API kullanarak yönettiğimiz global state, içerik arttıkça render optimizasyon sorunları yarattı. Zustand'a geçiş yaparak hem bundle boyutunu küçülttük hem de gereksiz re-render'ları minimize ettik.
2
Google Maps EntegrasyonuToplu verileri haritada performanslı göstermek için Marker Clustering optimizasyonlarını uygulamayı ve özelleştirilebilir harita bilesenleri(components) yazmayı deneyimledim.