/Pokedex-In-Vue-Project

My own pokedex version built in Vue.js to sharp my front skills and also my vue.js skill level.

Primary LanguageVue

PokedexApp

Welcome buddy, in this repository I plan to do a SPA application with Vue.js version 3 to practice my front skills, to obtain more knowledge about the framework and also practice API consuption and JSON interpretation.

The API I'm using is widely known, is for free, doesnt have bandwitch limit, the link is https://pokeapi.co/ image

Interfaces:

-The banner located down the header has a slider of images.

image image

Each modal displays it's own Pokemon image and stats, everything is correctly consumed from the api,

there are some pokemons that dont have an image or fan art, it's a detail that I'm not correcting because of laziness and because Front end's not my focus right now.

image

##I must make a function or some sort of handler to get smaller images, or get different sprites, with lower resolution, yeah I can do that but...meeeeh :p

image

#Also responsive:

image image image image image

image image

How to setup the project

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build