🏷️ 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";