Personal website

Watch it live here: www.graunoel.com

Personal website made with Vue + Vuetify + Vue Router.

It's also using the GitHub API to fetch information about my account repositories and display them on the site; finally it also uses Vue Chart.js to display interactive graphs on the site.

Local project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Deploying to Google App Engine

After building for prod using npm run build, make sure to have the right .gcloudignore file as in this repo. You can check the app.yaml file to see which are the files deployed in GAE.

The npm run build command will compile the files onto the dist folder, and all of them will be uploaded to the GAE service. To do so, just run:

gcloud app deploy app.yaml

Warning

The GitHub API has a pretty low default rate limit per IP (60 requests/hour). This can cause the "Skills" load bar to stay on loading. To solve this, the best way is to use a DB to hold that data, or to add a valid API key to the requests.