PokemonDenMap

Map of all the dens with den numbers and list of Pokemon available in Pokemon Sword/Shield

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

TODO

• Add berries and pokemon information (scrape serebii. what each Berry does, spawn rates, etc)
• Add other map elements (items, nursery, watts trader, digging duo)
• Toggle map elements functionality
• Support searching for berry trees by their attributes and display attributes using custom select item (eg. lower attack EV, etc.)

DONE

• Map with den markers positioning functionality
• Add hover to show Pokemon functionality
• Show Pokemon icons (download sprites from Serebii)
• Add list of all pokemon to each den (from Serebii)
• Support list of Pokemon in a table
• Draggable map (handleDrag can also update all the den location positions): https://vuejsexamples.com/a-vue-component-that-create-moveable-and-resizable/
• Resize buttons on map (change the scale)
• Fix the transform-origin for scaling (it doesn't feel like the natural center of the screen is being preserved)
• Scale map and center the transform to browser width on page load (only once!)
• Fix styling for the hover layout
• Add deep links into Serebii
• Add contact and credits links
• Search for dens by Pokemon
• Setup all den Pokemon (update denPokemon.py script to generate the required component data)
• Setup all den positions
• Add berry trees:
  • Add berry tree hover functionality
  • Add berry tree icons and search functionality