vue-pokedex

This is a web-based Pokédex built for educational purposes, in fact this project will help me pick up and learn the Vue.js framework quickly.

Demo

Heroku: https://vue-pokedex.herokuapp.com

Private web server: http://pokedex.fieel.space/

PokéAPI

I'll be using the PokéAPI to build this web-based Pokédex: https://pokeapi.co/

Links

• Vue.js docs: https://vuejs.org/v2/guide/
• VueCLI docs: https://cli.vuejs.org/guide/
• Vuex docs: https://vuex.vuejs.org/guide/
• PokéAPI docs: https://pokeapi.co/docs/

Design

I'll be testing out the lightweight css framework Bulma: https://bulma.io

Tests

I'll try and write tests along the way, by default i'll use the tools provided by the VueCLI by default:

• e2e: Cypress https://docs.cypress.io/
• Assertions: Chai https://www.chaijs.com/guide/
• Runner: Mocha https://mochajs.org/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Starts the express.js server, given that the /dist folder exists with production-ready files.

npm run start

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your end-to-end tests

npm run test:e2e

Run your unit tests

npm run test:unit

Customize configuration

See Configuration Reference.