CatCat

Cat 관련 Api들에서 데이터를 불러와보자

Jetpack Compose Compose Navigation ViewModel Repository Coil Retrofit2 Room Pager

Cat Fact

• cat-fact api
• 하루에 한 번 fetch
  • SharedPreference로 fetch 날짜를 저장
  • Room에 저장
  • Repository의 fetchCatFacts 호출 시 오늘 날짜와 fetch 날짜를 비교하여 Room 또는 Api에서 불러옴

Random Cat

• thatcopy.pw/catapi
• 어플 첫 실행 및 Refrech 버튼 클릭 시 Api 호출
• Coil 라이브러리 사용
• 로딩 애니메이션
  • Api 호출 시간 동안
  • painter state가 Loading일 동안

Cat Breeds

• TheCatApi
• LazyList
  • 아이템 클릭 시 CatBreedDetail로 이동
• 검색
  • filter
  • 검색어가 Empty일 때 scrollState 애니메이션 (index 0으로)

Cat Breed Detail

• 이미지 로드 및 Pager
  • 클릭한 Breed에 해당하는 Cat Image를 최대 10개 불러와서 Pager에 로드
  • Coil 라이브러리 사용
  • Box로 이미지 뒤에 로딩 텍스트를 배치해 사용자 경험 향상

KakaoTalk_20220111_174513994.mp4

KakaoTalk_20220106_165500787.mp4

KakaoTalk_20220106_164806635.mp4