📕 Pokédex

👀 Introduction

Pokédex는 PokeAPI를 활용해 제작된 포켓몬 도감 어플리케이션입니다. 한국어를 지원하며, 포켓몬 검색 및 즐겨찾기 기능 등 다양한 상호작용이 가능합니다.

🚀 Live Demo

앱은 아래 URL에서 실제로 사용해볼 수 있습니다.

https://pokedex-ds92ko.vercel.app

🌟 Features

한국어 지원

• 앱 내 모든 텍스트는 한국어로 제공됩니다.
• PokeAPI에서 지원하지 않는 한국어는 영문을 번역해 사용합니다.

검색 기능

• 포켓몬 한글 이름 및 도감 번호로 포켓몬을 검색할 수 있습니다.
• 자동완성 기능으로 검색어와 일치하거나 유사한 포켓몬 목록을 실시간으로 제안합니다.
• 최근 검색한 포켓몬의 기록을 저장/관리할 수 있습니다.

정보 확인

• 포켓몬의 속성, 타입, 능력치, 진화 단계 등의 상세 정보를 확인할 수 있습니다.

공유 기능

• 페이지 공유 및 링크 복사 기능을 지원합니다.

즐겨찾기

• 즐겨찾기에 포켓몬 추가/삭제가 가능합니다.
• 포켓몬 놀이터에서 즐겨찾기한 포켓몬들이 자유롭게 움직이는 모습을 볼 수 있습니다.

포켓몬 퀴즈

• 제한된 목숨으로 랜덤 포켓몬 이름을 맞추는 퀴즈를 풀 수 있습니다.
• 힌트 제공, 중도 포기, 결과 집계 기능을 지원합니다.

방명록

• 익명으로 방명록을 남길 수 있으며, 비밀번호를 통해 수정/삭제가 가능합니다.
• 등록된 방명록은 최신 수정일시 순으로 정렬되어 표시됩니다.
• 입력 폼은 실시간 유효성 검증과 오류 메세지를 제공합니다.

🙌 About the Project

🛠️ Stacks

Category	Stacks
Environment
Development
Styling
State Management
CI/CD

📦 API Reference

본 프로젝트는 PokeAPI를 기반으로 데이터를 가져옵니다.

사용된 엔드포인트

• GET /pokemon
• GET /pokemon/{id}
• GET /pokemon-species/{id}
• GET /evolution-chain/{id}
• GET /type/{type}
• GET /ability/{type}

📅 Development Period

2025.07.10 ~ 2025.07.31

🪄 Getting Started

⚙️ Setup

저장소를 클론한 후, 프로젝트 디렉토리로 이동하세요

$ git clone https://github.com/ds92ko/pokedex.git
$ cd pokedex

📦 Installation

프로젝트의 모든 종속성을 설치하세요

$ npm install

🏃 Run the Application

개발 모드로 애플리케이션을 실행하세요

$ npm run dev

🎁 Package the Application

배포용으로 애플리케이션을 빌드하고 패키징하세요

$ npm run build