it-jhack/vuejs-swapi

Small project done using the Star Wars API (Swapi) with Vuejs

Star Wars API Demo

About

This is a Vue.js example project in order to showcase some of my front-end skills, documentation following capacity, repository management, and quick learning capability. That's because there was not a single follow-through tutorial and I had to fit many different puzzle pieces to make this project work in the way I intended.

The program fetches characters from Star Wars Api (Swapi), processes the response JSON object and return data about the given character. For instance, which Star Wars movies that the character has been in. It can also use search engines and websites through API fetching to fetch a character image.

Image Search

If provided Microsoft Azure (Bing) and Custom Configuration API keys in a '.env' file, the program will make a custom image search according to search engines and websites provided on your Azure portal custom configuration. If the necessary keys for the image search are not provided, it will simply not show any character image.

Image Search API Resources:
Azure API
Custom Configuration
Bing Custom Search Portal

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.