PokeTypes
The Pokemon Go type effectiveness calculator.
How to Use
- 1. Enter the type of Pokemon you are battling against.
- 2. See your battle options!
- Bonus: If you wish to see the Javascript object of all the typings and the objects created by button clicks, 1. inspect the page -> 2. click the console tab.
Attack with:
Move types that will do most damage against your opponent.
Don't Attack with:
Move types that will do the least damage against your opponent.
Defend with:
Pokemon types that take least damage from your opponent's moves.
Don't defend with:
Pokemon types that take most damage from your opponent's moves.
Attack with...
Defend with...
Don't Attack with...
Don't Defend with...
Select your opponents type
Reset
App Journey
- 1. Aims: Create a simple and quick to use application.
- 2. Tech Inspiration: Coding a rock, paper, scissors app.
- 3. Object-orientated: Manually creating the first object that only worked for single typing
- 4. Javascript object building: Creating a complex object dynamically with javascript
-
5. Debugging: Cleaning the object:
- Filtering types that appear in both the 'with' and 'not with' lists before rendering to the DOM.
- Turn two and three identical list items into a single super-super-effective icon
- 6. Tech Inspiration: Coding a rock, paper, scissors app.
- 7. DOM: Rendering completed arrays to the DOM
- 8. Feedback: Make more accessible buttons
- 9. Update: Update UI
Improvements
- 1. Meta-Pokemon choices.
- 2. Further accessibility.
- 3. Javascript DOM animations.
- 4. Super-effectiveness numbers displayed.
- 5. Multiple suggestions panels.
Connect with me
Find links to my work and learnings for this project below:
