Merge pull request #4 from uzh-ase-fs24/feature/singup-3

Feature/singup 3

.gitignore

@@ -22,6 +22,8 @@ log.txt
 /www
 /platforms
 /plugins
+/android
+/ios
 
 # Compiled output
 /dist

README.md

@@ -0,0 +1,33 @@
+# findMe
+
+A mobile social media guessing game app
+
+## Setup
+
+- First install dependenies using `npm install`
+- Install the Ionic plugin for vscode
+
+### Dev
+
+#### Web view
+
+- Run the app with `ionic serve` to view the app in the browser
+- Alternatively you can run the web build via the ionic plugin: Run > Web
+- Navigate inside your browser to [http://localhost:8100](http://localhost:8100)
+
+#### REMARK: CURRENTLY ONLY THE AUTHENTICATION ONLY WORKS IN THE PROGRESSIV WEB APP
+
+-> Use the mobile screen setting provided by chrome dev tools
+-> More information about PWA: [https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DAndroid&oco=0](https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DAndroid&oco=0)
+
+#### Editor Emulator
+
+- Install a mobile emulator plugin to open the app inside an emulator (pass localhost link to emulator)
+- Alternatively you can run the Web build inside the editor which will also trigger a mobile preview (navigate to the ... next to the Web Run and select open in editor)
+
+#### Native app with capacitor (Android/IOS)
+
+- Run `ng build`
+- Sync ionic with `ionic cap sync` or via the plugin
+- To use the native Run commands of the ionic plugin (Android/IOS) it is necessary to install Android Studio and XCode
+  - It is possible that your SDK is not defined. Find a help here: [https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil](https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil)

angular.json

@@ -29,10 +29,13 @@
                 "glob": "**/*.svg",
                 "input": "node_modules/ionicons/dist/ionicons/svg",
                 "output": "./svg"
-              }
+              },
+              "src/manifest.webmanifest"
             ],
             "styles": ["src/global.scss", "src/theme/variables.scss"],
-            "scripts": []
+            "scripts": [],
+            "serviceWorker": true,
+            "ngswConfigPath": "ngsw-config.json"
           },
           "configurations": {
             "production": {
@@ -109,7 +112,8 @@
                 "glob": "**/*.svg",
                 "input": "node_modules/ionicons/dist/ionicons/svg",
                 "output": "./svg"
-              }
+              },
+              "src/manifest.webmanifest"
             ],
             "styles": ["src/global.scss", "src/theme/variables.scss"],
             "scripts": []

capacitor.config.ts

@@ -5,8 +5,8 @@ const config: CapacitorConfig = {
   appName: 'findMe',
   webDir: 'www',
   server: {
-    androidScheme: 'https'
-  }
+    androidScheme: 'http',
+  },
 };
 
 export default config;

ngsw-config.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    },
+    {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
+        ]
+      }
+    }
+  ]
+}