Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jioo/justine-joshua-quiazon

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

azure-pipelines continuous-deployment continuous-integration continuous-release pwa vue-cli-3 vue-router vuejs vuetify vuex webgl

Last synced: about 1 month ago
JSON representation

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

Host: GitHub
URL: https://github.com/jioo/justine-joshua-quiazon
Owner: jioo
License: mit
Created: 2018-09-20T15:14:44.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2023-01-03T15:19:00.000Z (almost 2 years ago)
Last Synced: 2024-07-30T17:53:57.134Z (5 months ago)
Topics: azure-pipelines, continuous-deployment, continuous-integration, continuous-release, pwa, vue-cli-3, vue-router, vuejs, vuetify, vuex, webgl
Language: Vue
Homepage: https://jioo.github.io/
Size: 17.4 MB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 21
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ## Justine Joshua Quiazon ##

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

[![Build Status](https://jioqzn-yahoo.visualstudio.com/jioo.github.io/_apis/build/status/jioo.github.io-CI?branchName=master)](https://jioqzn-yahoo.visualstudio.com/jioo.github.io/_build/latest?definitionId=10&branchName=master) [![paypal](https://img.shields.io/badge/paypal-donate-green.svg)](http://paypal.me/jjquiazon)

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

## Azure CI-CD Pipeline ##

- [Continous Integration Link](https://jioqzn-yahoo.visualstudio.com/jioo.github.io/_build)

- [Continous Deployment Link](https://jioqzn-yahoo.visualstudio.com/jioo.github.io/_release)

**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

![Azure Workflows](public/img/workflow.jpg)

## Google's Lighthouse Score ##

![Lighthouse Score](public/img/lighthouse-score.jpg)

## 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](https://vuejs.org/) The Progressive JavaScript Framework.

* [Vue CLI 3](https://cli.vuejs.org/) Standard Tooling for Vue.js Development.

* [Vue-Router](https://router.vuejs.org/en/) Vue Router is the official router for Vue.js.

* [Vuetify](https://vuetifyjs.com/en/) Material Design Component Framework.

* [Vue-Meta](https://github.com/declandewet/vue-meta) Manage page meta info in Vue.

* [Vue-Analytics](https://github.com/MatteoGabriele/vue-analytics) Google Analytics plugin for Vue.

## Online Resources ##

1. [PWABuilder](https://www.pwabuilder.com/imageGenerator) - 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

```