https://github.com/noodle77/pokehub

A web app which allows users search up a pokémon to find its stats and trading card information.
https://github.com/noodle77/pokehub

bulma-css jquery pokeapi pokemons poketcg

Last synced: 3 days ago
JSON representation

A web app which allows users search up a pokémon to find its stats and trading card information.

• Host: GitHub
• URL: https://github.com/noodle77/pokehub
• Owner: noodle77
• License: mit
• Created: 2024-02-02T02:38:58.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-04-02T21:10:08.000Z (6 months ago)
• Last Synced: 2024-09-20T23:02:40.959Z (7 days ago)
• Topics: bulma-css, jquery, pokeapi, pokemons, poketcg
• Language: JavaScript
• Homepage: https://noodle77.github.io/pokehub/
• Size: 21 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## PokéHub

https://noodle77.github.io/pokehub/

## Description

This is our group project for the PokéHub app that uses JQuery, Bulma, PokeAPI and PokemonTCGAPI. This project also features an evolutions modal created using Bulma. This project taught us how to work together to create different features and best practices for git and github. We were also able to learn about using multiple APIs within the same project to pull necessary data as we needed it to the page. We were also shown the advantages of a well documented API.

## Usage

The first time the app is loaded it will search for Mew by default to fill out the otherwise blank page. An input is in the top right of the page that allows the user to search for any pokémon by name. (NOTE: Not all pokémon is listed in the APIs especially Gen 8+.) When a valid pokémon has been searched the stats, an image of the card and the search history is populated within the middle of the page.

Back to the top on the left side the user should see "Clear History" and "Evolutions". Clear history allows the user to clear the page and reset back to a clean state. Evolutions allows the user to see if the searched pokémon has Evolutions to and from their current state. Not all pokémon has evolutions.

![Screenshot](./assets/images/PokeHubScreentshot.png)