Pokémon TCG App

---

Live Deploy Link: https://sanberk-pokemon.vercel.app/

Features

• Pokémon Cards List Screen: Displays a list of Pokémon cards with their images and names. Supports infinite scrolling to load more cards.
• Pokémon Card Detail Screen: Displays detailed information for a selected Pokémon card, including type, HP, and abilities. Allows users to save or remove cards to/from local storage.

Technologies Used

• React
• TypeScript
• React Query
• React Router
• Material-UI
• Axios
• Zustand
• Jest

API Integration

The project leverages the Pokémon TCG API to fetch data. Below are the main endpoints used:

Get Pokémon Cards List

• Endpoint: https://api.pokemontcg.io/v2/cards
• Method: GET
• Parameters: page, pageSize
• page: The page number to retrieve.
• pageSize: The number of cards to retrieve per page.

Get Pokémon Card Details

• Endpoint: https://api.pokemontcg.io/v2/cards/{id}
• Method: GET

Installation

• Clone repo
• npm install
• npm start