Darts With Friends (Online Dart Multiplayer mit Statistiken)
How to dev:
Alle möglichen Tools und Hilfen um unsere Anwendung zu programmieren.
Das Grundgerüst der Anwendung folgt in großen Teilen diesem Tutorial.
Ich empfehle sich dies durchzulesen und zu verstehen, um das Grundgerüst der Anwendung zu verstehen.
Front-End:
Ziel:
- Entwicklung einer Benutzeroberfläche für einen Dart Multiplayer mit Statistiken
Framework(s):
- Vue.js (V3.2.38) Progressives Framework für User Interfaces GUIDE
- Tailwind (V3.1.8) CSS Framework für styling DOCS
Update: Wir nutzen jetzt Native Vue 3 und nicht mehr nuxt.
Benötigte Software:
- Text Editor mit Support für JavaScript, HTML, CSS -> VS Code oder sowas in der Art.
- Node.js muss installiert sein zum ausführen/testen vom Frontend. Ich nutze die LTS Version (V18.10.0). Download
Run Front-End:
Zum starten vom Front-End einfach die StartFrontend.bat ausführen.
Falls dies nicht klappen sollte per Konsole in den Ordner frontend gehen und dort npm run dev ausführen.
Dann sollte unter http://localhost:17038 das Front-End zu finden sein.
Back-End:
Ziel:
- Entwicklung einer REST-API welche die Logik eines Dartspiels implementiert
Programmiersprache(n):
Framework(s):
- Spring Boot (V2.6.3) Java Framework zur vereinfachung der Entwicklung von diversen Diensten DOCS
Benötigte Software:
- Java 17 Download [java -version]
- Editor für Java, z.B. IntelliJ, VS Code, etc...
- Software zum testen/debuggen der REST-API, z.B. Postman
Run Back-End:
Zum starten vom Back-End einfach die StartBackend.bat ausführen.
Falls dies nicht klappen sollte per Konsole in den Ordner backend gehen und dort gradlew.bat bootRun ausführen.
Dann sollte unter http://localhost:44548/HierKonkretenEndpointEinfügen die Schnittstelle(n) vom Back-End zu finden sein.
Dartenbank:
Datenbanktyp: