A simple web application built with HTML, CSS, and JavaScript that allows users to explore Pokémon Trading Card Game cards using the PokéTCG API.
- Search: Find cards by name.
- Filtering: Filter cards by set and type.
- Sorting: Sort cards by rarity and price using server-side sorting via the API. Includes interactive sort direction arrows.
- Price Display with Currency Conversion: View card prices and convert them between USD and INR. Your currency preference is saved.
- Card Details Modal: Click on a card to view a larger image.
- Infinite Scroll: Automatically loads more cards as you scroll down the page.
- Responsive Design: Layout adjusts for different screen sizes.
- Interactive Search Button: Includes a star animation effect on hover.
- Displays card rarity with custom colored icons based on rarity level.
- HTML
- CSS (including custom styles for animations and layout)
- JavaScript (fetching data, DOM manipulation, event handling, state management)
- PokéTCG API for card data.
- ExchangeRate-API for currency exchange rates.