Skip to content

Latest commit

 

History

History
58 lines (42 loc) · 2 KB

README.md

File metadata and controls

58 lines (42 loc) · 2 KB

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