포켓몬 도감 프로젝트

포켓몬 open API를 활용한 리액트 프로젝트

프로젝트 소개

포켓몬 OpenAPI와 Redux Toolkit을 활용한 리액트 프로젝트로, 비동기적 데이터 호출, 포켓몬 검색/선택, 랜덤 선택, 배틀, 나의 포켓몬 리스트 관리등 다양한 기능을 제공

배포주소

https://pokemon-api-project-nine.vercel.app/

개발 기간

• 24년 4월 14일~21일

멤버구성

• 선웅태(Product Owner) : 나의 포켓몬 리스트
• 김혜인(Scrum master) : 포켓몬 랜덤뽑기
• 곽슬기 : 포켓몬 도감 메인
• 김현주 : 포켓몬 도감 상세
• 윤신혜 : 포켓몬 배틀

기술 스택

Environment

Config

Developmnet

Communication

주요기능

✨ 포켓몬 OpenAPI를 활용한 비동기적 데이터 호출

Axios 등의 HTTP 클라이언트를 통해 포켓몬 리스트를 비동기적으로 호출하고 호출된 데이터는 앱 상태에 저장되어 관리

✨ 포켓몬 검색 및 필터 기능

사용자 입력에 따라 자동으로 결과를 필터링하고, 필터링된 결과를 Redux를 사용하여 상태로 관리

✨ Redux Toolkit을 이용한 포켓몬 데이터 상태 관리

Redux Toolkit을 사용하여 나의 포켓몬 리스트와 앱의 상태 슬라이스를 관리

✨ 랜덤 포켓몬 선택 및 관리

난수 생성 알고리즘을 사용하여 포켓몬을 랜덤으로 선택하고, 선택된 포켓몬은 Redux 상태에 저장되어 앱 전반에서 관리

✨ 포켓몬 배틀 및 승패 결정

사용자가 선택한 포켓몬과 랜덤으로 선정된 상대 포켓몬의 stats을 비교하여 배틀의 승패를 결정

✨ 포켓몬 진화 매커니즘

사용자의 포켓몬이 일정 레벨에 도달하면 진화할 수 있는 기능을 구현