Bu uygulama, farklı kedi türlerini listeler ve kullanıcılara sahiplenme talebi gönderme imkanı sunar.
Uygulama, React kullanarak oluşturulmuştur ve kedi verilerini yerel olarak içermektedir. Kullanıcılar, kedi listesinden bir kedi seçebilir ve sahiplenme talebi gönderebilirler.
Bu uygulama, React kullanarak oluşturulmuş basit bir kedi sahiplenme uygulamasıdır. Temel olarak, kullanıcıların kedi listesinden bir kedi seçmelerine ve sahiplenme talebi göndermelerine olanak tanır. Aşağıda kodun bazı önemli kısımları açıklanmıştır:
-
useStatehook'u kullanılarak, uygulama içindeki dinamik durumları yönetmek için state'ler tanımlanmıştır. Örneğin, seçili kedi, sıralama tipi ve görüntüleme sayıları için state'ler bulunmaktadır. -
orderByfonksiyonu, lodash kütüphanesinden kullanılarak, kedi listesini isme göre artan veya azalan şekilde sıralamak için kullanılmıştır. -
ListItembileşeni, her bir kedi öğesini temsil eder. Kullanıcılar, bu öğelere tıklayarak kedi seçebilir ve bu öğe üzerinden kedinin profiline ulaşabilirler. -
Kullanıcı, seçili kedi üzerinden sahiplenme talebi gönderebilir. Bu,
AdoptCatFormbileşeni ile gerçekleştirilir.
Bu proje üzerinden, React state yönetimi, bileşen iletişimi, lodash kütüphanesi kullanımı ve temel uygulama akışının nasıl tasarlanacağı konularında pratik yapılmıştır. Ayrıca, basit bir form kullanarak kullanıcı girişleri almak ve bunları işlemek gibi temel yetenekler de öğrenilmiştir.
Bu kod parçası, basit bir kedi sahiplenme uygulamasını içerir. Kullanıcılar, kedi listesinden bir kedi seçebilir ve sahiplenme talebi gönderebilirler.
- Kediler arasında gezinmek için liste üzerindeki kedi düğmelerine tıklayın.
- Kedi seçtikten sonra, alt kısımda sahiplenme formu görünecektir.
- Sahiplenme talebinde bulunmak için formu doldurun ve gönderin.
- Kedi listesi, uygulama içinde yerel olarak tanımlanmıştır.
- Kullanıcılar, kedi seçtikten sonra sahiplenme talebi gönderebilirler.
- Sıralama düğmesi, kedi listesini isme göre artan veya azalan şekilde sıralamak için kullanılabilir.
Uygulamanın geliştirilmesi veya özelleştirilmesi için kodu inceleyebilir ve ihtiyaca göre değişiklikler yapabilirsiniz.