diff --git a/README.md b/README.md index 2e72611..b8cda73 100644 --- a/README.md +++ b/README.md @@ -1,41 +1,60 @@ -# Praxistransferprojekt II (praxistransfer-frontend) +# Praxistransferprojekt II (ptpChat) - Frontend -Praxistransferprojekt | Zweites Semester +Dieses Repository beinhaltet das Frontend für das im zweiten Semester realisierte Projekt "ptpChat" -## Install the dependencies +> **_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: + +- [Node.js](https://nodejs.org/) +- [Yarn](https://yarnpkg.com/) oder [npm](https://www.npmjs.com/) + +(In der Entwicklung wurde ausschließlich npm verwendet, was aus diesem Grund hier empfohlen wird) + +Außerdem wird `git` benötigt: + +- [git Donwloads](https://git-scm.com/downloads) + +## Clonen des Repositories +Zum Clonen des Repositories muss folgender Befehl in einer beliebigen Shell ausgeführt werden: + +```bash +git clone https://github.com/joschuatonn/praxistransferFrontend +``` + +Für die folgenden Schritte muss zuerst in das Projektverzeichnis navigiert werden: + +```bash +cd praxistransferFrontend +``` + +## Installieren der Dependencies ```bash yarn -# or +# oder npm install ``` -### Start the app in development mode (hot-code reloading, error reporting, etc.) +## Starten der Applikation im Development-Modus +```bash +yarn dev +# oder +npm run dev +``` + +Sofern die Quasar-CLI installiert ist, kann auch folgender Befehl verwendet werden: + ```bash quasar dev ``` +### Nutzung der Applikation -### Lint the files -```bash -yarn lint -# or -npm run lint -``` +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: -### Format the files -```bash -yarn format -# or -npm run format -``` +[ptpChat-Services](https://github.com/joschuatonn/praxistransferServices) --> Enthält die Installation von Keycloak und Postgres - - -### Build the app for production -```bash -quasar build -``` - -### Customize the configuration -See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-vite/quasar-config-js). +[ptpChat-Backend](https://github.com/joschuatonn/praxistransferBackend) --> Enthält das Java-SpringBoot Backend diff --git a/src/components/ChatSettingsComponent.vue b/src/components/ChatSettingsComponent.vue index b67a841..24218ec 100644 --- a/src/components/ChatSettingsComponent.vue +++ b/src/components/ChatSettingsComponent.vue @@ -57,7 +57,7 @@ - +
Mitglieder hinzufügen