Adorable Cats

프로젝트 소개 💡

TheCatAPI를 이용해 고양이의 이미지와 정보를 불러준다. 고양이 종으로 분류하여 다양한 고양이의 사진을 볼 수 있고, 고양이에 대한 정보를 확인 할 수 있다.
마음에 드는 고양이를 저장할 수 있고 My page에서 저장한 고양이를 확인할 수 있다.

Stack ⚒

• Create React App
• React-hook
• React-Router
• firebase
• Scss

Skill 🔍

1. React-router를 이용한 동적 페이지 생성, useHistory와 useRouteMatch를 이용해 페이지 별 데이터를 이동해 사용
2. React-hook api를 다양하게 사용
3. Firebase의 authentication을 이용한 간단한 로그인
4. DarkMode 활용
5. CSS전처리기 SCSS를 활용해 복잡한 스타일링을 간단히 정리
6. flex를 이용해 레이아웃 설정

Study 📌

프로젝트

• Velog : https://velog.io/@sohyeonbak_oly/Adorable-Cats-%EA%B3%A0%EC%96%91%EC%9D%B4-%EC%A0%95%EB%B3%B4-%EC%A0%9C%EA%B3%B5-%ED%8E%98%EC%9D%B4%EC%A7%80

배포

Netlify page

• Netlify page : https://adorable-cats.netlify.app/