Title: PokeAssist
Description: PokeAssist is a Pokemon index where you can get basic information of your favorite pokemon. It includes a turn-based battling system where two pokemon battles until one wins. This is fun little game where you get a randomize pokemon to battle, and the best part is that all the moves are randomized!!! But you could pick your own pokemon!
MVP:
- used axios to grab data from the PokeAPI/
- PokeAPI to grab the Pokemon and the moveset for each Pokemon.
- Created user and Opponent Pokemon API calls while nesting another API call to get the moveset for that Pokemon
- Relationally compared the moveset API data with the Pokemon API data to get move specific to that Pokemon
- Created a search bar inorder to search for the Pokemon, they could be search by name or index number
- Created HTML code to neatly layout all the data for that Pokemon
- Stylize with CSS with grid.
Post-MVP
- With the data grabbed from the API, I created two Pokemon object: Opponent and User
- Each Pokemon Object contained an Object stats, and an array of moves
- The Opponents move is set on a random number generate from 0-3(index of the array), that will determine the
attack and damage dealt to the user - Created Buttons to allow the users to choose the move, information will be sent to a function caled Battle()
- Everytime a move is press, Battle() will be called and that specfic attack will be used to calculate the user damage
- The damage calculution is done with the officical pokemon calculation, but without the damage type multipliers
- The user will attack first, then the opponent. The speed attribute will have no effect, however the attack and
defense attribute was calculted. - The button will appear and disappear with logic order, for user experience
- Condition was set to when a pokemon reach 0 or low Hp, a winner is chosen
- The battle was framed with HTML and styled with CSS
API: https://pokeapi.co
The API used is the PokeAPI, it was called individual for Pokemon and moveset
The App is built with Javascript, CSS and HTML using axios to extract data from PokeAPI, for the Data organization, I used Grid. This app work with all mediaqueries, however, it is optimal with computers. This will be hosted on surge.
FrameWork: FrameWork is in the FrameWork folder in the git.