README vervollständigt
This commit is contained in:
parent
cf4c3cb8ad
commit
37c1cfd46f
93
README.md
93
README.md
|
@ -1 +1,92 @@
|
|||
# WebApp
|
||||
# Meine persönliche Test- und Präsentationswebsite
|
||||
|
||||
Willkommen auf meiner persönlichen Website! Diese Seite dient als Plattform, um neue Module zu testen und mich selbst zu präsentieren. Zusätzlich bietet die Website einige nützliche Funktionen, darunter eine Login-Seite für registrierte Nutzer und einen QR-Code-Generator. Es gibt auch ein Kontaktformular für Notfälle, das es anderen ermöglicht, mich zu benachrichtigen, wenn etwas mit meinem Auto passiert.
|
||||
|
||||
## Funktionen
|
||||
|
||||
### 1. **Startseite**
|
||||
|
||||
- Überblick über meine Projekte und Interessen.
|
||||
- Vorstellung meiner Person und meiner Arbeit.
|
||||
|
||||
### 2. **Login-Funktion**
|
||||
|
||||
- Registrierte Nutzer können sich einloggen, um Zugriff auf erweiterte Funktionen zu erhalten.
|
||||
- Sicherheit wird durch eine sichere Passwortspeicherung und Authentifizierung gewährleistet.
|
||||
|
||||
### 3. **QR-Code Generator (für angemeldete Nutzer)**
|
||||
|
||||
- Erlaubt es angemeldeten Nutzern, QR-Codes für verschiedene Zwecke zu generieren.
|
||||
- Einfaches Interface zum Erstellen und Herunterladen von QR-Codes.
|
||||
|
||||
### 4. **Kontaktseite für Notfälle**
|
||||
|
||||
- Ein spezielles Formular, das von anderen genutzt werden kann, um mich in dringenden Fällen zu kontaktieren, wie bei einem Unfall oder einem Einbruch in mein Auto.
|
||||
- Das Formular sendet automatisch eine Benachrichtigung per Telegram an mich.
|
||||
- Ein QR-Code zu dieser Seite befindet sich sichtbar im Auto, sodass Helfer schnell und unkompliziert eine Nachricht senden können.
|
||||
|
||||
## Installation und Einrichtung
|
||||
|
||||
### Voraussetzungen
|
||||
|
||||
- Node.js und npm sollten auf deinem Rechner installiert sein.
|
||||
- Ein Telegram-Bot sollte eingerichtet sein, um Benachrichtigungen zu empfangen.
|
||||
|
||||
### Installation
|
||||
|
||||
1. Klone dieses Repository:
|
||||
|
||||
```bash
|
||||
git clone https://git.boergmann.it/klaas/homeboergmann.git
|
||||
cd repositoryname
|
||||
```
|
||||
|
||||
2. Installiere die Abhängigkeiten:
|
||||
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
3. Konfiguriere die Umgebungsvariablen:
|
||||
|
||||
- Erstelle eine `.env` Datei im Hauptverzeichnis und füge die folgenden Variablen hinzu:
|
||||
|
||||
```plaintext
|
||||
TELEGRAM_BOT_TOKEN=your-telegram-bot-token
|
||||
TELEGRAM_CHAT_ID=your-telegram-chat-id
|
||||
```
|
||||
|
||||
4. Starte die Anwendung:
|
||||
|
||||
```bash
|
||||
npm start
|
||||
```
|
||||
|
||||
Die Anwendung läuft nun auf `http://localhost:3000`.
|
||||
|
||||
## Nutzung
|
||||
|
||||
### QR-Code Generator
|
||||
|
||||
Nach dem Login können Nutzer auf den QR-Code-Generator zugreifen. Hier können sie QR-Codes für URLs, Text oder andere Inhalte erstellen und herunterladen.
|
||||
|
||||
### Notfall-Kontaktformular
|
||||
|
||||
Die Kontaktseite ist über einen QR-Code zugänglich, der sich im Auto befindet. Wenn jemand das Formular ausfüllt, wird automatisch eine Nachricht per Telegram an mich gesendet, sodass ich sofort benachrichtigt werde.
|
||||
|
||||
## Technologie-Stack
|
||||
|
||||
- **Backend:** Node.js, Express
|
||||
- **Frontend:** EJS, Bootstrap
|
||||
- **Authentifizierung:** Passport.js
|
||||
- **QR-Code-Generierung:** `qrcode` npm-Paket
|
||||
- **Benachrichtigungen:** Telegram Bot API
|
||||
- **Hosting:** Kann auf jedem Node.js-fähigen Server betrieben werden
|
||||
|
||||
## Beiträge
|
||||
|
||||
Beiträge und Verbesserungsvorschläge sind herzlich willkommen! Bitte erstelle einen Pull Request oder öffne ein Issue, um Ideen einzubringen.
|
||||
|
||||
## Lizenz
|
||||
|
||||
Dieses Projekt ist unter der MIT-Lizenz lizenziert. Weitere Informationen findest du in der Datei `LICENSE`.
|
||||
|
|
10
app.js
10
app.js
|
@ -415,11 +415,11 @@ app.get("/project/:id", async (req, res) => {
|
|||
const url = `${projekt.repository_link}/raw/branch/main/README.md`;
|
||||
|
||||
// Abrufen der Datei
|
||||
// const response = await axios.get(url);
|
||||
|
||||
const response = await axios.get(url);
|
||||
console.log(response.data);
|
||||
// Markdown-Inhalt in HTML umwandeln
|
||||
// const htmlContent = marked(response.data);
|
||||
const htmlContent = "Testdata";
|
||||
const htmlContent = marked(response.data);
|
||||
//const htmlContent = "Testdata";
|
||||
if (!projekt) {
|
||||
return res.status(404).send("Projekt nicht gefunden");
|
||||
}
|
||||
|
@ -431,7 +431,7 @@ app.get("/project/:id", async (req, res) => {
|
|||
});
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
res.send("Fehler beim Abrufen des Projekts");
|
||||
res.send(err);
|
||||
}
|
||||
});
|
||||
|
||||
|
|
Loading…
Reference in New Issue