A web application that allows users to search for Pokémon Trading Card Game cards by name and view detailed card information.
- Search Pokémon cards by name
- Display card images and details
- View card statistics (HP, attacks, abilities, etc.)
- Responsive design for mobile and desktop
Backend:
- Python
- Flask
- PokémonTCG API
Frontend:
- HTML
- CSS
- JavaScript
- Clone the repository:
git clone https://github.com/swejenna/pokemonTCG.git
cd pokemonTCG- Create a virtual environment and activate it:
python -m venv .venv
source .venv/bin/activate # On Windows: .venv\Scripts\activate- Install dependencies:
pip install -r requirements.txt- Set up environment variables:
# Create .env file and add your PokémonTCG API key as POKEMON_API_KEY="YOUR_API_KEY_HERE", where your api key is inserted as a string type.- Run the application:
python app.py-
Open your browser and navigate to
[(http://127.0.0.1:5000)] -
Test endpoints (if you are nosey enough): Search: curl "http://127.0.0.1:5000/api/search?name=Pikachu" Card: curl "http://127.0.0.1:5000/api/card/<card_id>", where card_id is inserted as an integer (non string) type.
- Enter a Pokémon name in the search bar
- Click "Search" to retrieve all cards for that Pokémon
- Browse through the results to view card details (limited to 5 results to protect api usage)
This project uses the PokémonTCG API to fetch card data.
pokemonTCG/
├── app.py # Flask backend
├── requirements.txt # Python dependencies
├── static/ # CSS and JavaScript files
├── templates/ # HTML templates
└── .gitignore
- Search by card title & card number search feature
- Add to portfolio feature
- Favorite cards list feature
- Extensive Sorting & Filtering
[None]
[Jenna Hall] - [jhal990@wgu.edu]