Creating GitHub project FreePlanet

README.md

@@ -1,8 +1,9 @@
 <div align="center">
 
-# Quasar TypeScript
+# FreePlanet
+
+A project made by Vue.js, Quasar Framework, Typescript, and Progressive Web App (PWA) amazing native-looking apps, thanks to the Quasar Framework and TypeScript
 
-A starter kit to build powerful and amazing native-looking apps, thanks to the Quasar Framework and TypeScript
 
 </div>
 
@@ -11,7 +12,7 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q
 [![Made with Quasar](https://img.shields.io/badge/made%20with-Quasar-blue.svg?style=for-the-badge)](https://github.com/quasarframework/quasar)
 [![Uses TypeScript](https://img.shields.io/badge/uses-TypeScript-3F51B5.svg?style=for-the-badge)](https://github.com/Microsoft/TypeScript)
 
-[![License MIT](https://img.shields.io/github/license/kevinmarrec/quasar-typescript.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
+[![License MIT](https://img.shields.io/github/license/paoloar77/freeplanet-blue.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
 
 </div>
 
@@ -19,17 +20,15 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q
 
 [![js-standard-style](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard)
 
-[![Build](https://img.shields.io/circleci/project/github/kevinmarrec/quasar-typescript/master.svg?style=for-the-badge)](https://circleci.com/gh/kevinmarrec/quasar-typescript/tree/master)
+[![Build](https://img.shields.io/circleci/project/github/paoloar77/freeplanet/master.svg?style=for-the-badge)](https://circleci.com/gh/paoloar77/freeplanet/tree/master)
-[![Coverage](https://img.shields.io/codecov/c/github/kevinmarrec/quasar-typescript/master.svg?style=for-the-badge)](https://codecov.io/gh/kevinmarrec/quasar-typescript/branch/master)
+[![Coverage](https://img.shields.io/codecov/c/github/paoloar77/freeplanet/master.svg?style=for-the-badge)](https://codecov.io/gh/paoloar77/freeplanet/branch/master)
 
 </div>
 
 ## Features ⚡️(WIP)
 
 - [TypeScript](https://github.com/Microsoft/TypeScript) ✔
-- [Pug](https://github.com/pugjs/pug) Template Engine ✔
 - Internationalization (I18n) ✔
-- SSR compliant using Quasar SSR ✔
 - ...
 
 ## Built-in Tools 🔨
@@ -47,7 +46,7 @@ A starter kit to build powerful and amazing native-looking apps, thanks to the Q
 
 Clone this repository :
 ```bash
-$ git clone git@github.com:kevinmarrec/quasar-typescript example
+$ git clone git@github.com:paoloar77/freeplanet example
 $ cd example
 $ yarn
 ```
@@ -59,54 +58,14 @@ $ yarn dev # Start a SPA server
 $ yarn dev:ssr # Start a SSR + PWA server
 ```
 
-## Testing (WIP)
-
-## CI Pipeline (WIP)
-
 ## Building
 
 You can build your application for production using :
 
 ```bash
-$ yarn build # Build your SPA (it places the artifacts at /dist/spa-mat)
+$ npm run dev:pwa # Build your PWA
-$ yarn build:ssr # Build your SSR + PWA (it places the artifacts at /dist/ssr-mat)
 ```
 
-If you want then to clean build artifacts, just do :
-```bash
-$ yarn build:clean
-```
-
-## Serving
-
-You can serve your production ready application locally using :
-
-```bash
-$ yarn serve # Serve your SPA
-$ yarn serve:ssr # Serve your SSR + PWA
-```
-
-By default, SPA and SSR apps are respectively served on ports `4000` and `3000`
-
-You can override the port using an environment variable :
-```bash
-$ PORT=3210 yarn serve # Serve your SPA on port 3210
-$ PORT=3210 yarn serve:ssr # Serve your SSR + PWA on port 3210
-```
-
-## Deploy with Now.sh
-
-Deploying with [Now](https://zeit.co/now) is a breeze. The Now CLI is already shipped in the starter kit development dependencies so all you need to do is :
-
-```bash
-$ yarn deploy # Deploy your SPA on Now.sh
-$ yarn deploy:ssr # Deploy your SSR + PWA on Now.sh
-```
-
-> You might want to use a "now alias" or connect your domain to Now - or even look into automatic deployment with [their Github integration](https://zeit.co/blog/now-for-github).
-
-`Now.sh` will install the dependencies automatically then run `$ yarn start`. Your website will be up and running on an HTTPS connection in a matter of seconds !
-
 ## References
 * **Quasar 0.17.15** : [Website](https://quasar-framework.org) | [Documentation](https://quasar-framework.org/guide) | [Github](https://github.com/quasarframework/quasar)
 * **Vue I18n 8.1.0** : [Website](https://kazupon.github.io/vue-i18n) | [Documentation](https://kazupon.github.io/vue-i18n/guide/started.html) | [Github](https://github.com/kazupon/vue-i18n)
@@ -115,4 +74,4 @@ $ yarn deploy:ssr # Deploy your SSR + PWA on Now.sh
 
 [MIT](https://opensource.org/licenses/MIT)
 
-Copyright (c) 2018-present, Kevin Marrec
+Copyright (c) 2018-present, Paolo Arena

quasar.conf.js

@@ -168,8 +168,8 @@ module.exports = function (ctx) {
       workboxPluginMode: 'InjectManifest',
       // workboxOptions: {},
       manifest: {
-        name: 'My App',
+        name: 'Free Planet',
-        short_name: 'myapp',
+        short_name: 'freeplanet',
         description: 'Descrizione APP!',
         display: 'standalone',
         orientation: 'portrait',

src-pwa/register-service-worker.js

@@ -30,6 +30,6 @@ register(process.env.SERVICE_WORKER_FILE, {
   }
 );
 
-// ServiceWorkerRegistration: https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration
+// ServiceWorkerRegistration: https://developer.mozilla.org/en-uk/docs/Web/API/ServiceWorkerRegistration
 
 

src/assets/quasar-logo-full.svg

@@ -146,7 +146,7 @@
              style="fill:#42a5f5;fill-opacity:1"
              mask="none"
              clip-path="none"
-             d="m 9395.9474,-738.70387 a 1245.372,1245.372 0 0 0 120.6501,-290.02213 l -280.8618,-162.1557 c 20.99,-113.2034 20.8488,-228.0063 0.563,-338.9302 -132.1008,-34.4521 -264.2238,-46.1283 -393.9448,-34.635 174.7471,260.1165 238.2017,596.32248 185.2582,973.02076 l 176.7612,102.05309 a 1245.372,1245.372 0 0 0 191.5741,-249.33082 z"
+             d="m 9395.9474,-738.70387 a 1245.372,1245.372 0 0 0 120.501,-290.02213 l -280.8618,-162.1557 c 20.99,-113.2034 20.8488,-228.0063 0.563,-338.9302 -232.1008,-34.4521 -264.2238,-46.1283 -393.9448,-34.635 174.7471,260.1165 238.2017,596.32248 185.2582,973.02076 l 176.7612,102.05309 a 1245.372,1245.372 0 0 0 191.5741,-249.33082 z"
              id="path8864-4-8-1-2-4-4-4" />
           <path
              id="path8866-7-5-5-0-6-4-7"

src/components/Header.vue

@@ -72,12 +72,11 @@
     },
     data: function () {
       return {
-        prova: 'AA',
         selectOpLang: [
-          {label: 'Italian', icon: 'fa-facebook', value: 'it'},
+          {label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk'},
-          {label: 'English (US)', icon: 'fa-flag-us', value: 'en-us'},
+          {label: 'German', icon: 'fa-flag-de', value: 'de'},
           {label: 'Spanish', icon: 'fa-flag-es', value: 'es'},
-          {label: 'German', icon: 'fa-flag-de', value: 'de'}
+          {label: 'Italian', icon: 'fa-facebook', value: 'it'}
         ],
         lang: this.$q.i18n.lang,
         leftDrawerOpen: this.$q.platform.is.desktop

src/components/HelloWorld.ts

@@ -1,4 +1,4 @@
-import { Component, Vue } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator'
 
 @Component
 export default class HelloWorld extends Vue {

src/config/index.ts

@@ -2,7 +2,7 @@ export default {
   i18n: {
     languages: [
       { code: 'it', name: 'Italiano', active: true },
-      { code: 'en-us', name: 'English', active: true }
+      { code: 'en-uk', name: 'English', active: true }
     ],
     default: 'it',
     fallbackTo: 'it'