Update README.md to reflect project renaming and backend integration: Changed project name from HexaHost-Website to HexaHost-Frontend, added a note about the dependency on the HexaHost-Backend repository, and updated installation instructions to include backend file integration. Enhanced project structure details for clarity.

This commit is contained in:
TheOnlyMace
2026-01-16 19:32:43 +01:00
parent 356e69f635
commit a9594ba173

View File

@@ -1,7 +1,9 @@
# HexaHost.de - Hosting Website # HexaHost.de - Frontend
Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de aus Niederbayern. Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de aus Niederbayern.
> **Hinweis:** Dieses Projekt benötigt das [HexaHost-Backend](../HexaHost-Backend) Repository für die vollständige Funktionalität. Das Backend enthält wiederverwendbare PHP-Templates, JavaScript-Module, CSS-Styles und Konfigurationsdateien.
## 🚀 Features ## 🚀 Features
- **Moderne Glasmorphism-Optik** mit lila/violetten Farbschema - **Moderne Glasmorphism-Optik** mit lila/violetten Farbschema
@@ -52,7 +54,7 @@ Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de a
## 📁 Projektstruktur ## 📁 Projektstruktur
``` ```
HexaHost-Website/ HexaHost-Frontend/
├── public/ # Webroot ├── public/ # Webroot
│ ├── index.php # Startseite │ ├── index.php # Startseite
│ ├── vpc.php # Virtual Private Container │ ├── vpc.php # Virtual Private Container
@@ -72,14 +74,14 @@ HexaHost-Website/
│ ├── favicon.svg # Website Icon │ ├── favicon.svg # Website Icon
│ ├── .htaccess # Apache Konfiguration │ ├── .htaccess # Apache Konfiguration
│ ├── composer.json # PHP Dependencies │ ├── composer.json # PHP Dependencies
│ ├── config/ │ ├── config/ # ⬅ vom Backend
│ │ ├── config.php # Allgemeine Konfiguration │ │ ├── config.php # Allgemeine Konfiguration
│ │ └── mail-config.php # E-Mail-Konfiguration │ │ └── mail-config.php # E-Mail-Konfiguration
│ ├── includes/ │ ├── includes/ # ⬅ vom Backend
│ │ ├── header.php # Header-Template │ │ ├── header.php # Header-Template
│ │ ├── footer.php # Footer-Template │ │ ├── footer.php # Footer-Template
│ │ └── functions.php # Hilfsfunktionen │ │ └── functions.php # Hilfsfunktionen
│ └── assets/ │ └── assets/ # ⬅ vom Backend
│ ├── css/ │ ├── css/
│ │ └── style.css # Hauptstyles │ │ └── style.css # Hauptstyles
│ └── js/ │ └── js/
@@ -99,6 +101,8 @@ HexaHost-Website/
└── README.md # Diese Datei └── README.md # Diese Datei
``` ```
> 📌 Die mit `⬅ vom Backend` markierten Ordner werden aus dem [HexaHost-Backend](../HexaHost-Backend) Repository kopiert.
## 🎨 Design-System ## 🎨 Design-System
### Farben ### Farben
@@ -125,33 +129,42 @@ HexaHost-Website/
- PHP 8.0 oder höher - PHP 8.0 oder höher
- Composer (für PHPMailer) - Composer (für PHPMailer)
- Apache mit mod_rewrite (für .htaccess) - Apache mit mod_rewrite (für .htaccess)
- [HexaHost-Backend](../HexaHost-Backend) Repository
### Installation ### Installation
1. **Repository klonen** 1. **Repositories klonen**
```bash ```bash
git clone <repository-url> git clone <frontend-repository-url> HexaHost-Frontend
cd HexaHost-Website git clone <backend-repository-url> HexaHost-Backend
``` ```
2. **PHP Dependencies installieren** 2. **Backend-Dateien integrieren**
```bash ```bash
cd public # Aus dem Projekt-Root-Verzeichnis
cp -r HexaHost-Backend/assets/* HexaHost-Frontend/public/assets/
cp -r HexaHost-Backend/config/* HexaHost-Frontend/public/config/
cp -r HexaHost-Backend/includes/* HexaHost-Frontend/public/includes/
```
3. **PHP Dependencies installieren**
```bash
cd HexaHost-Frontend/public
composer install composer install
``` ```
3. **Konfiguration anpassen** 4. **Konfiguration anpassen**
```bash ```bash
cp public/config/mail-config.php.example public/config/mail-config.php # mail-config.php mit SMTP-Daten bearbeiten
# Dann mail-config.php mit SMTP-Daten bearbeiten nano config/mail-config.php
``` ```
4. **Lokaler Development Server** 5. **Lokaler Development Server**
```bash ```bash
php -S localhost:8000 -t public php -S localhost:8000 -t public
``` ```
5. **Website öffnen** 6. **Website öffnen**
``` ```
http://localhost:8000 http://localhost:8000
``` ```
@@ -159,6 +172,19 @@ HexaHost-Website/
### Produktion ### Produktion
Für den Produktivbetrieb `public/` als Webroot konfigurieren. Für den Produktivbetrieb `public/` als Webroot konfigurieren.
## 🔗 Backend-Integration
Das Backend-Repository enthält folgende wiederverwendbare Komponenten:
| Komponente | Pfad | Beschreibung |
|------------|------|--------------|
| **CSS** | `assets/css/style.css` | Haupt-Stylesheet mit Design-System |
| **JavaScript** | `assets/js/*.js` | Navigation, Kontaktformular, Cookie-Banner |
| **PHP-Templates** | `includes/*.php` | Header, Footer, Hilfsfunktionen |
| **Konfiguration** | `config/*.php` | SMTP, E-Mail, Sicherheit |
Detaillierte Informationen zu den Backend-Komponenten finden Sie in der [Backend-README](../HexaHost-Backend/README.md).
## 📧 E-Mail-Konfiguration ## 📧 E-Mail-Konfiguration
Die E-Mail-Funktionalität benötigt eine SMTP-Konfiguration in `public/config/mail-config.php`: Die E-Mail-Funktionalität benötigt eine SMTP-Konfiguration in `public/config/mail-config.php`:
@@ -212,7 +238,7 @@ Siehe `docs/README-EMAIL-SETUP.md` für detaillierte Anweisungen.
## 🔧 Anpassungen ## 🔧 Anpassungen
### Farben ändern ### Farben ändern
CSS Custom Properties in `:root` anpassen: CSS Custom Properties in `:root` anpassen (in `assets/css/style.css` vom Backend):
```css ```css
:root { :root {
--background-color: #0d0821; --background-color: #0d0821;
@@ -224,7 +250,7 @@ CSS Custom Properties in `:root` anpassen:
``` ```
### Inhalte anpassen ### Inhalte anpassen
Texte und Preise direkt in den PHP-Dateien ändern. Texte und Preise direkt in den PHP-Dateien im `public/`-Verzeichnis ändern.
### Neue Pakete hinzufügen ### Neue Pakete hinzufügen
Paket-Cards in den entsprechenden Produktseiten duplizieren und anpassen. Paket-Cards in den entsprechenden Produktseiten duplizieren und anpassen.