Remix

Make your own version of SparkSMP Portal

Edit the prompt below and generate a customized version in seconds.

Original by Waxsted

Describe your app

Erstelle eine moderne, professionelle und vollständig responsive Website für den deutschen Minecraft-SMP-Server **SparkSMP**.

**Motto:** „Dein SMP. Deine Geschichte.“

## DESIGN

* Dunkles Minecraft-/Gaming-Design
* Schwarz/dunkelgrau mit leuchtenden Spark-Akzenten
* Moderne Karten, Icons, Glow- und Hover-Effekte
* Dezente Animationen
* PC, Tablet und Smartphone optimiert
* Professionell, schnell und nicht wie ein Standard-Template

## NAVIGATION

## STARTSEITE

Hero-Bereich mit:

* SparkSMP
* „Dein SMP. Deine Geschichte.“
* Beschreibung des Servers
* **Jetzt spielen** und **Discord beitreten**
* Server-IP: **play.spark.net**
* Live-Status, Spielerzahl, Version und Ping

Falls noch keine API vorhanden ist, Demo-Daten verwenden.

## SERVER

Serverstatus-Seite mit:

* Online/Offline
* Spieler online/maximal
* Minecraft-Version
* Ping
* Server-IP
* letzte Aktualisierung

Alles für eine spätere Minecraft-Server-API vorbereiten.

## SPIELER

Spielersuche mit Profilen:

* Minecraft-Name
* Skin
* UUID
* Rang
* Beitrittsdatum
* Spielzeit
* Status
* Statistiken
* Achievements

## FEATURES

Moderne Karten für:
⛏️ Survival
🤝 Community
🏘️ Spielerprojekte
🎉 Events
💰 Wirtschaft
🛡️ Sicherheit
⚡ Performance
🎮 Updates

## TEAM

Professionelle Team-Seite mit Avatar/Skin, Minecraft-Name, Rang, Beschreibung, Discord und Status.

Kategorien:

* Owner/Serverleitung
* Administration
* Moderation
* Support
* Development
* Design

## NEWS

News-System mit:

* Titel
* Bild
* Beschreibung
* Autor
* Datum
* Kategorie
* Detailseite

Kategorien: Server, Updates, Events, Community, Wichtig.

## EVENTS

Event-System mit:

* Name
* Datum/Uhrzeit
* Beschreibung
* Teilnehmer
* Countdown
* optionaler Anmeldung

## REGELN & FAQ

Regeln in Kategorien mit aufklappbaren Bereichen.

FAQ mit Suchfunktion, z. B. Server-IP, Team, Support, Events und Minecraft-Account.

## DISCORD

Moderner Discord-Bereich mit **Discord beitreten** und Vorbereitung für eine Discord-API.

## BENUTZERKONTEN

Vollständiges Registrierungs-/Login-System.

Registrierung:

* Benutzername
* E-Mail
* Passwort
* Passwort bestätigen
* Nutzungsbedingungen

* Benutzername/E-Mail
* Passwort

Passwörter niemals im Klartext speichern. Sichere Hashes verwenden.

## E-MAIL-VERIFIZIERUNG & LOGIN-SICHERHEIT

Verwende **[playonsparksmp@gmail.com](mailto:playonsparksmp@gmail.com)** als Absender für automatische Sicherheits-E-Mails.

Nach Registrierung:
**Registrierung → 6-stelliger E-Mail-Code → E-Mail bestätigt**

Beim Login:
**Login-Daten → 6-stelliger E-Mail-Code → Dashboard**

Code:

* 6 Ziffern
* 10 Minuten gültig
* nur einmal verwendbar
* maximal 5 Fehlversuche
* 60 Sekunden Cooldown für neue Codes
* nicht im Klartext speichern

E-Mails für:

* Login-Code
* E-Mail-Verifizierung
* Passwort zurücksetzen
* Sicherheitswarnungen
* E-Mail-/Passwortänderungen

Niemals Passwörter per E-Mail senden.

**WICHTIG:** Die Adresse `playonsparksmp@gmail.com` darf als Absender verwendet werden, aber das Gmail-Passwort/App-Passwort darf niemals im Frontend oder Quellcode stehen. Nutze sichere Environment Variables/Secrets wie `EMAIL_USER` und `EMAIL_PASSWORD`.

## BENUTZER-DASHBOARD

Nach Login:

* Profil
* Avatar
* Minecraft-Account
* Rang
* Statistiken
* Benachrichtigungen
* letzte Aktivitäten
* Einstellungen
* Sicherheit
* Logout

## MINECRAFT-ACCOUNT

Minecraft-Account verknüpfen und anzeigen:

* Name
* UUID
* Skin
* Rang
* Status

Für spätere Minecraft-API vorbereiten.

## PROFILE & ACHIEVEMENTS

Öffentliche Profile mit:

* Avatar
* Benutzername
* Minecraft-Name
* Rang
* Beitrittsdatum
* Beschreibung
* Statistiken
* Achievements

Beispiele:
🏆 Erster Login | ⛏️ 100 Blöcke | 🌎 10 Stunden | 🎉 Event | 🤝 Community

Benutzer können die Sichtbarkeit ihrer Daten einstellen.

## TEAM-LOGIN & ADMIN-BEREICH

Geschützter Bereich mit Rollen:

Team-Login:
**Benutzername/E-Mail → Passwort → E-Mail-Code → Team-Dashboard**

Dashboard:

* Spieler online
* Serverstatus
* Benutzer
* News
* Events
* Support-Tickets

Berechtigte Teammitglieder können:

* Benutzer suchen/verwalten
* Rollen ändern
* Benutzer sperren/entsperren
* Teammitglieder verwalten
* News erstellen/bearbeiten/löschen
* Events verwalten
* Support-Tickets bearbeiten

## SUPPORT

Ticket-System mit:

* Ticket-ID
* Benutzer
* Kategorie
* Betreff
* Nachricht
* Status
* Datum

Status:
**Offen | In Bearbeitung | Erledigt**

## BENACHRICHTIGUNGEN

Für:

* News
* Events
* Support-Antworten
* Sicherheitswarnungen
* Serverinformationen

## SICHERHEIT

Sicherheitsseite mit:

* E-Mail-Verifizierung
* letzter Login
* aktive Sitzungen
* Geräte
* Passwort ändern
* 2FA/MFA
* andere Sitzungen abmelden

Serverseitige Sicherheitsprüfung und Schutz gegen Brute Force, Login-Spam, Session-Hijacking und unberechtigten Zugriff.

Keine geheimen Schlüssel im Frontend.

## DATENBANK & API

Datenbank für:
Benutzer, Passwort-Hashes, E-Mails, Codes, Sessions, Rollen, Team, News, Events, Tickets, Achievements und Benachrichtigungen.

API-Struktur vorbereiten für:
Minecraft-Server, Minecraft-Spieler, Discord, Benutzer, News, Events, Support und Team.

## KEIN SHOP

**Es darf absolut KEIN Shop-, Echtgeld-, Rang-, Item- oder Pay-to-Win-System geben.**

SparkSMP soll auf:

**Community • Survival • Events • Projekte • Spieler • Team • Support**

ausgerichtet sein.

## FOOTER

SparkSMP

## ABSCHLUSS

Baue die komplette Website funktionsfähig, modular, sicher und professionell.

Wenn APIs noch fehlen, verwende realistische Demo-Daten und strukturiere alles so, dass später echte APIs angeschlossen werden können.

**SparkSMP – Dein SMP. Deine Geschichte.**

Free to use. No credit card required.