Pokémon TCG Pocket Trading Website (Frontend)

Welcome to the Pokémon TCG Pocket Trading Website! This project is a frontend application built with React.js that allows users to browse Pokémon TCG cards, list their cards for trade, and find trade matches with other users. The app fetches card data from a local JSON file (mocked API) and provides a seamless user experience for trading Pokémon TCG Pocket cards.

Features

• Browse Cards: View a list of Pokémon TCG cards with details like name, set, rarity, type, attacks, weaknesses, and retreat costs.
• Search and Filter: Search for specific cards by name.
• Trade Listings: Mark cards as tradable and specify desired cards in return (to be implemented).
• Responsive Design: The app is designed to work on both desktop and mobile devices.

Technologies Used

Frontend:

• React.js
• React Router (for navigation)
• Axios (for API requests)
• CSS (for styling)

Development Tools:

• Vite (for fast development builds)
• ESLint (for code linting)
• Prettier (for code formatting)

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm (v8 or higher)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/pokemon-tcg-trading.git

2. Navigate to the project directory:

   cd pokemon-tcg-trading/frontend

3. Install dependencies:

   npm install

Running the App

1. Start the development server:

   npm run dev

2. Open your browser and navigate to: http://localhost:5173

Acknowledgements

• Pokémon TCG Pocket API: Dotgg.gg
• Vite: Vite
• React: React