mirror of
https://git.hexahost.dev/smueller/HexaHost-Frontend.git
synced 2026-06-02 06:18:44 +00:00
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:
60
README.md
60
README.md
@@ -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.
|
||||||
|
|||||||
Reference in New Issue
Block a user