jioo / justine-joshua-quiazon

[https://jioo.github.io] My portfolio website using Vue, Vuetify & Vue-Cli-3 with Azure CI-CD pipeline

Justine Joshua Quiazon

My portfolio website using Vue, Vuetify & Vue-Cli-3

url: https://jioo.github.io/

Azure CI-CD Pipeline

• Continous Integration Link
• Continous Deployment Link

Workflows:

1. Build Web App
2. Publish Artifact from /dist folder
3. Push Artifact contents in GH Page Repository: https://github.com/jioo/jioo.github.io
4. Create Github Release

Google's Lighthouse Score

Features

• Material design with Vuetify CSS Framework
• (PWA) Progressive Web Application
  • Service Worker for Offline mode
  • Mobile-friendly meta-viewport
  • Web Application Manifest + favicons

Includes

• Vue.js The Progressive JavaScript Framework.
• Vue CLI 3 Standard Tooling for Vue.js Development.
• Vue-Router Vue Router is the official router for Vue.js.
• Vuetify Material Design Component Framework.
• Vue-Meta Manage page meta info in Vue.
• Vue-Analytics Google Analytics plugin for Vue.

Online Resources

1. PWABuilder - Quickly and easily create app icons for various platforms in the right size and format.

Installation

git clone https://github.com/jioo/justine-joshua-quiazon.git
cd justine-joshua-quiazon

# Install Dependencies
npm install

# Compiles and hot-reloads for development
npm run serve

# Build production and serve in HTTP server
npm run build