🏷️ Version 1.0.2

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,43 @@
+name: 🐛 Fehler melden
+description: Melde einen Fehler oder Bug in MySpeed
+title: "[Fehler] "
+labels: ["bug"]
+body:
+  - type: checkboxes
+    attributes:
+      label: Allgemeines
+      description: Bitte bestätige, dass die Folgenden aussagen zutreffen
+      options:
+        - label: Ich habe auf die neuste Version von MySpeed aktualisiert.
+          required: true
+        - label: Mein Bug wurde noch nicht gemeldet
+          required: true
+  - type: textarea
+    attributes:
+      label: "Der Fehler"
+      description: "Beschreibe den Bug/Fehler genau ins Detail. Füge falls vorhanden auch Screenshots hinzu und gib an, wie man den Fehler reproduzieren kann"
+      placeholder: "Es erscheint ein Fehler bei ..."
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: Auf welchem Gerät rufst du die Seite auf?
+      multiple: true
+      options:
+        - Im Browser
+        - Auf dem Handy
+        - Auf einem Tablet
+    validations:
+      required: true
+  - type: dropdown
+    id: server
+    attributes:
+      label: Auf welchem Betriebssystem läuft deine MySpeed-Instanz?
+      multiple: true
+      options:
+        - Linux
+        - Windows
+        - macOS
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,21 @@
+name: 💡 Idee vorschlagen
+description: Hast du eine Idee? Hier bist du richtig
+title: "[Feature] "
+labels: ["enhancement"]
+body:
+  - type: checkboxes
+    attributes:
+      label: Allgemeines
+      description: Bitte bestätige, dass die Folgenden aussagen zutreffen
+      options:
+        - label: Mein Feature existiert noch nicht in der neusten Version von MySpeed.
+          required: true
+        - label: Ich habe überprüft, dass mein Feature noch von niemanden vorgeschlagen wurde.
+          required: true
+  - type: textarea
+    attributes:
+      label: "Deine Idee"
+      description: "Was können wir hinzufügen? Beschreibe deine Idee so genau wie möglich"
+      placeholder: "Meine Idee wäre es, ..."
+    validations:
+      required: true

.github/workflows/create_release.yml

@@ -19,7 +19,7 @@ jobs:
           node-version: '16'
 
       - run: cd client && npm install
-      - run: npm run build && npm install
+      - run: npm run build && mv client/build . && npm install
 
       - name: Get version
         id: get_version
@@ -29,7 +29,10 @@ jobs:
         run: sudo apt-get install zip
 
       - name: Zip all files
-        run: zip -r MySpeed-${{ steps.get_version.outputs.version }}.zip build node_modules server package.json package-lock.json
+        run: zip -r MySpeed-${{ steps.get_version.outputs.version }}-with-modules.zip build node_modules server package.json package-lock.json
+
+      - name: Zip all files (without node_modules)
+        run: zip -r MySpeed-${{ steps.get_version.outputs.version }}-without-modules.zip build server package.json package-lock.json
 
       - uses: "marvinpinto/action-automatic-releases@latest"
         with:
@@ -38,4 +41,5 @@ jobs:
           prerelease: false
           title: Release ${{ steps.get_version.outputs.version }}
           files: |
-            ./MySpeed-*zip
+            ./MySpeed-*-with-modules.zip
+            ./MySpeed-*-without-modules.zip

.gitignore

@@ -3,9 +3,11 @@
 
 # dependencies
 /node_modules
+/client/node_modules
 /.pnp
 .pnp.js
 
 
 # production
-/build
+/build
+/data

README.md

@@ -12,40 +12,47 @@
 </p>
 <h3 align="center">MySpeed</h3>
 
-## Was ist das?
+## Was ist MySpeed?
 
-MySpeed ist eine deutschsprachige Speedtest Analyse-Software, welche das Internet der letzten 24 Stunden übersichtlich
+MySpeed ist eine deutschsprachige Speedtest Analyse-Software, welche die Geschwindigkeit des Internets der letzten 24 Stunden übersichtlich
 darstellt.
 
 ### Installation
 
-1. Stelle sicher, dass du nodejs installiert hast.
-2. Lade dir die neuste Version aus den [Releases](https://github.com/gnmyt/myspeed/releases/latest) herunter.
-3. Setze die Umgebungsvariable `NODE_ENV` auf `production`.
-4. Starte das Projekt. Das geht ganz einfach mit `node server`
+Anleitung für [Linux](https://github.com/gnmyt/myspeed/wiki/Einrichtung-Linux)
+
+Anleitung für [Windows](https://github.com/gnmyt/myspeed/wiki/Einrichtung-Windows)
 
 ### Beispiel-Screenshots
 
 #### Startseite
 
-<img src="https://i.imgur.com/vYWe5RJ.png">
+<img src="https://i.imgur.com/94rQ4jq.png">
 
 #### Auswahl-Menü
 
-<img src="https://i.imgur.com/vRhBYD2.png">
+<img src="https://i.imgur.com/tJHmUVs.png">
 
 #### Seite während eines Speedtests
 
-<img src="https://i.imgur.com/V7E3xH9.png">
+<img src="https://i.imgur.com/rqvb1Ni.png">
 
 #### Dialog für Einstellen des Down-Speeds
 
-<img src="https://i.imgur.com/Pxw42b8.png">
+<img src="https://i.imgur.com/DnEPbFV.png">
+
+### Geschützte Startseite (Passwort festgelegt)
+
+<img src="https://i.imgur.com/BGK166K.png">
+
+### Dialog für Up- und Downspeed Empfehlung
+
+<img src="https://i.imgur.com/ExgswYD.png">
+
 
 ## Überzeugt?
 
-Du kannst dir das Projekt ganz easy herunterladen und auf deinen Server Zuhause installieren. Gib mir gerne Feedback,
-falls ich etwas besser machen kann! :)
+Cool, dann lass uns loslegen! Die Installationsanleitung für Linux (und Windows) findest du oben unter Installation.
 
 ## Lizenz
 
@@ -69,4 +76,4 @@ Verbreitet unter der MIT-Lizenz. Siehe `LICENSE` für weitere Informationen.
 
 [license-shield]: https://img.shields.io/github/license/gnmyt/myspeed.svg?style=for-the-badge
 
-[license-url]: https://github.com/gnmyt/myspeed/blob/master/LICENSE
+[license-url]: https://github.com/gnmyt/myspeed/blob/master/LICENSE

client/src/App.js

@@ -4,26 +4,29 @@ import HeaderComponent from "./components/HeaderComponent";
 import TestAreaComponent from "./components/TestAreaComponent";
 import {ConfigProvider} from "./context/ConfigContext";
 import {DialogProvider} from "./context/DialogContext";
+import {SpeedtestProvider} from "./context/SpeedtestContext";
 
 function App() {
 
     return (
-        <div className="App">
-            <DialogProvider>
-                <ConfigProvider>
-                <HeaderComponent/>
-                <main>
+        <>
+            <SpeedtestProvider>
+                <DialogProvider>
+                    <ConfigProvider>
 
-                    <LatestTestComponent/>
+                        <HeaderComponent/>
+                        <main>
+                            <LatestTestComponent/>
 
-                    <hr/>
+                            <hr/>
 
-                    <TestAreaComponent/>
+                            <TestAreaComponent/>
+                        </main>
 
-                </main>
-            </ConfigProvider>
-            </DialogProvider>
-        </div>
+                    </ConfigProvider>
+                </DialogProvider>
+            </SpeedtestProvider>
+        </>
     );
 }
 

client/src/App.sass

@@ -20,6 +20,8 @@ body, html
   margin-right: 10px
 
 .container-icon
+  width: 35px
+  height: 35px
   color: #F1F1F1
   font-size: 26pt
 
@@ -29,6 +31,9 @@ body, html
 .icon-red
   color: #C64545
 
+.icon-white
+  color: #ffffff
+
 .icon-error
   color: #900c0c
 

client/src/HelperFunctions.js

@@ -20,7 +20,7 @@ export function generateRelativeTime(created) {
 export function getIconBySpeed(current, optional, higherIsBetter) {
     let speed = Math.floor((current / optional) * 100);
 
-    if (current === 0) return "error";
+    if (current === -1) return "error";
 
     if (higherIsBetter) {
         if (speed >= 75) return "green";