Pokemon-Book

[프로젝트 링크] (https://pokemon-book-f412d.web.app/)

사용 기술

• React
• Typescript
• Redux-Toolkit
• TanStack-Query
• Styled-Components

주요 기능

• Infinite-Scroll 을 통해 불러온 포켓몬의 리스트를 보여줌
• Local-Storage와 Store를 사용하여 다국어 기능 지원
• 포켓몬 Type 버튼을 통한 필터 기능
• Router Params를 활용, 포켓볼 클릭 시 포켓몬의 상세 정보를 볼수 있는 Detail 페이지

프로젝트 실행

1. Repository clone 받기

https://github.com/tyranoboy1/pokemon-book.git

2. yarn Dependencies 의존성 설치

yarn

1. Project 실행

yarn start

추가 기능(추후에 적용)

1. firebase를 통한 로그인 기능
2. 원하는 포켓몬을 북마크 기능
3. 포켓몬 검색 기능

보완할 점

1. Api 함수 분리 후 재사용
2. 디자인 보완