/pokemon-frontend

Interactive UI with Pokemon species showing pokemon abilities and many more details

Primary LanguageVueApache License 2.0Apache-2.0

Pokemon Frontend

Front end project created with Vue and Bootstrap. It's consuming the Pokemon API

The Application is currently hosted on AWS S3 and using Cloud Front with Route53, link

Recommended IDE Setup

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

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint

Running localy

Docker

Build the image

docker build . -t pokemonfrontend

Then run the container

docker run -p 80:8080 -t pokemonfrontend

Then go to http://localhost

If you get an error concerning port 80 already being allocated change to a different port example using port 8080

docker run -p 8080:8080 -t pokemonfrontend

Then go to http://localhost:8080