Ever wanted a place to keep track of your Pokémon team roster? Search for Pokémon and add them to your team tracker with the Pokémon Team Builder.
Search, filter, and scroll your way through our Pokemon database featuring all 151 original Pokemon from the Kanto region! Click a Pokemon from the list to delve into its traits. Drag and Drop Pokemon to the top of the page to forge your dream team of 1st Generation Pokemon!
-
Your app must be a HTML/CSS/JS frontend that accesses data from a public API or from a db.json file using json-server.
-
Your entire app must run on a single page. There should be NO redirects or reloads.
-
Use at least 3 distinct event-listeners (different event types) that enable interactivity.
-
Your project must implement at least one instance of array iteration using available array methods (
map,forEach,filter, etc). -
Follow good coding practices. Keep your code DRY by utilizing functions to abstract repetitive code.
User will be able to:
-
Search through a list of Pokemon. ('select')
-
Select a Pokemon to display their profile ('click)
-
Add a Pokemon to their team via drag and drop functionality
Stretch:
- Additional/More complex filtering capabilities
- Steph Bertram GITHUB
- Sung-Jin Ahn GITHUB
- Peggy Wang GITHUB
- Meyerweb CSS TOols
- Poke API
Pokémon Team Builder was built by Steph Bertram, Sung-Jin Ahn, and Peggy Wang for educational purposes as part of Flatiron School's Software Engineering bootcamp.