praxistransfer-frontend (1.0.0-alpha-143)
Installation
registry=npm install praxistransfer-frontend@1.0.0-alpha-143"praxistransfer-frontend": "1.0.0-alpha-143"About this package
Praxistransferprojekt II (ptpChat) - Frontend
Dieses Repository beinhaltet das Frontend für das im zweiten Semester realisierte Projekt "ptpChat"
Notiz: Die folgende Anleitung erlaubt ein Setup des Frontends komplett ohne IDE. Durch die Verwendung einer solchen entfallen manche Schritte gegebenenfalls.
Voraussetzungen
Vor der Durchführung der anderen Schritte sollte sichergestellt werden, dass die folgenden Softwarekomponenten installiert sind. Grundsätzlich kann, je nach persönlicher Präferenz, zwischen npm und yarn ausgewählt werden:
(In der Entwicklung wurde ausschließlich npm verwendet, was aus diesem Grund hier empfohlen wird)
Außerdem wird git benötigt:
Clonen des Repositories
Zum Clonen des Repositories muss folgender Befehl in einer beliebigen Shell ausgeführt werden:
git clone https://github.com/joschuatonn/praxistransferFrontend
Für die folgenden Schritte muss zuerst in das Projektverzeichnis navigiert werden:
cd praxistransferFrontend
Installieren der Dependencies
yarn
# oder
npm install
Starten der Applikation im Development-Modus
yarn dev
# oder
npm run dev
Sofern die Quasar-CLI installiert ist, kann auch folgender Befehl verwendet werden:
quasar dev
Nutzung der Applikation
Das Setup des Frontends ist nun abgeschlossen. Standardmäßig ist dieses über http://localhost:8080 erreichbar. Um die reibungslose Funktionalität der gesamten Applikation zu gewährleisten, wird von einer Änderung der Standardeinstellung abgeraten.
Um die Installation der Applikation vollständig abzuschließen, müssen außerdem die Anleitungen in folgenden Repos befolgt werden:
ptpChat-Services --> Enthält die Installation von Keycloak und Postgres
ptpChat-Backend --> Enthält das Java-SpringBoot Backend
Dependencies
Dependencies
| ID | Version |
|---|---|
| @quasar/extras | ^1.16.4 |
| axios | ^1.2.1 |
| keycloak-js | ^24.0.3 |
| pinia | ^2.0.11 |
| quasar | ^2.8.0 |
| vue | ^3.4.18 |
| vue-i18n | ^9.2.2 |
| vue-router | ^4.0.12 |
Development Dependencies
| ID | Version |
|---|---|
| @intlify/vite-plugin-vue-i18n | ^3.3.1 |
| @quasar/app-vite | ^1.8.5 |
| @quasar/cli | ^2.4.1 |
| @types/node | ^12.20.21 |
| @typescript-eslint/eslint-plugin | ^5.10.0 |
| @typescript-eslint/parser | ^5.10.0 |
| autoprefixer | ^10.4.2 |
| eslint | ^8.11.0 |
| eslint-config-prettier | ^8.1.0 |
| eslint-plugin-vue | ^9.0.0 |
| prettier | ^2.5.1 |
| typescript | ^4.5.4 |
| vite-plugin-checker | ^0.6.4 |
| vue-tsc | ^1.8.22 |