Skip to content

Users are presented with a card and a list of encounter locations of their desired Pokémon. A search history will be rendered in case the user wants to look at previous searches again.

License

Notifications You must be signed in to change notification settings

bchen41/PokeFinder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PokéFinder

badge

Description

For users that want to catch all their favorite Pokémons, this website lets them search for any Pokémon they desire. After clicking search, a card of the Pokémon and a list of locations the user can encounter the Pokémon will be displayed. The Pokémon will automatically be saved on the website in case the user wants to go back and look at the information again.

Usage

After cloning the repository, if you would like to open the application locally, you need to either open the index.html file and press the short cut "Alt+B" or left click over the file and click "Open in Default Browser" to view this application.

Technologies and APIs Used

The design and styling of the website was created with HTML, CSS, and Foundation Framework to create grids, cells and cards throughout the site.

Javascript was used to fetch two Pokémon APIs from PokeAPI and PokemonTCG. PokemonTCG is used to search for a Pokémon card given a search query while PokeAPI uses the Pokémon search to display the location areas where that Pokémon can be found. If a user searches for a Pokémon that doesnt exist or is misspelled, a function in Javascript displays a message to re-enter a valid name that lasts for 3 seconds. LocalStorage in Javascript saves the users previous searches, making it appear under "Search History" and the user is able to return to any Pokémon they have searched by clicking on the button.

PokéFinder

Screenshots

↓Main Screen↓

↓Results for searched Pokémon↓

License

Click here for MIT license.

Contributing

All are welcomed to contribute as long as the standard industry guidelines are being followed. Click here for industry standard guidelines.

Authors

Betty Chen aka bchen41
Nicole Wrzosek aka NicoleWrz
Joe Maneira aka Maneira3232
Christopher Wishart aka Cwishart203

About

Users are presented with a card and a list of encounter locations of their desired Pokémon. A search history will be rendered in case the user wants to look at previous searches again.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •