/Pokedex

Projeto para meu PDI

Primary LanguageJavaScript

Pokedex-TCG

Pokedex search using the Pokemon TCG API: https://pokemontcg.io.

React Javascript SCSS

✨ Features

  • Search Pokemon by Name with Dynamic search bar
  • Click on card to view additional information
  • Click on same card to close additional information popover
  • Click on logo in top left corner to clear search and return to default home page view
  • Active and hover state Interaction CSS effects
  • Responsive web application

📸 Screenshots

Home page default view

Pokedex Main

Hover effect over Card component

Card Hover

Card Popover

Additional information on a Pokemon Card is displayed as a Popover which can be opened and closed by clicking on the Pokemon Card:
Card Information Popover

Interactive Searchbar

Before:
Searchbar Before
On Search:
Searchbar After

🏃‍♂️ Run

Development

yarn start