Vue Pokédex

A Pokédex made for fun in Vue.js.

The Pokédex includes the first 251 Pokémon, with:

• Descriptions and types
• Base statistics
• Special attacks
• Evolutionary forms
• Audio samples

Getting Started

Prerequisites

• Node.js & npm

To download Node.js and npm, visit the Node.js downloads page and select the version labelled LTS.

After installing Node.js, run the following command to verify that everything has been installed correctly.

npm -v && node -v

Running the application

# Download project dependencies
npm install

# Run the application on localhost:8080
npm run serve

Key files and folders

  .
  ├── docs/              # Compiled application for GitHub Pages
  ├── public/            # Static assets
  ├── src/               # Main Vue application files
  |   ├── assets/        # Audio, sprites, global CSS
  |   |   └── ...
  |   ├── components/    # Vue components
  |   ├── json/
  |   |   └── data.json  # Scraped Pokédex data
  |   ├── App.vue
  |   ├── event-bus.js   # Connector to pass data b/n children
  |   └── tests/         # Unit tests
  ├── README.md
  └── package.json       # Requirements for npm installation