Interactive Front-End Project #1: Pokémon Bootcamp Battles application
Yevgeniya Terlyuk
Megan Close
Sarah Durkin
A simple gaming application leveraging the PokéAPI and the Random User Generator API where users take turns and points are subtracted based on the move selected. The player who survives wins!
- A random opponent is assigned from the Random User API
- A random Pokémon is assigned to the user and the opponent
- Moves are pulled in to the user's buttons from the PokéAPI
- The user can select moves in a back and forth exchange with their opponent until one runs out of Health
- Remaining health is the surviving players high score
- The winner's high score is saved in a leaderboard
- The user can opt to play again via a modal
See live application here
- HTML
- CSS
- JavaScript
- jQuery
- Foundation
- Figma
AS A BUSY POKÉMON FAN
I WANT A SIMPLE, QUICK GAME
SO THAT I CAN ENTERTAIN MYSELF
Application uses at least two server-side APIs: PokéAPI & Random User API.
Application uses client-side storage to show a game leaderboard.
Application uses modals.
Application uses Foundation.
Application is interactive.
We used Figma to collaboratively design our project.
Foundation
Random User API
Pokémon API
CodePen 'Simple Modals'
Stack Overflow 'Image Formatting as Circles'
Figma Application & Community Resources
Pokémon Images from stickpng.com