QuetzalVPN

OpenVPNleichtgemacht!

Beschreibung

QuetzalVPN ist eine kostenlose und Open Source Web GUI für deinen OpenVPN Server. Features sind unter anderem:

  • Benutzerverwaltung 👤
  • Serverkonfiguration ⚙️
  • Ein Dashboard 📊

Für weitere Informationen besuche die Projekt Website.

Design

Primär

#00ff70

Warnung

#f8d40d

Error

#ff3633

QuetzalVPN Mobile Screenshot

Buttons

Primär Button
Einfacher Button
Warnungs Button
Error Button

Inputs

Input fields
Schalter
Suche
Checkbox
Combobox

Alle Komponenten sind 100% barrierefrei und wurden erstellt mit

Headless UI

React

TailwindCSS

Benutzerverwaltung

Profil Download

Anstatt umständlicher Shell-Skripte kann in Quetzal mit nur 1 Klick ein Profil heruntergeladen werden.

Nutzer Aktionen

Entziehe jemanden den VPN-Zugang temporär oder entferne ihn komplett.

Benutzerverwaltung

Live Einblicke

Der Zustand von Usern wie ihr Verbindungsstatus und IP-Adresse wird live angezeigt.

Quetzal Users

Verbunden

Untätig

Deaktiviert

Details

Ich habe QuetzalVPN in einem Team von 4 Personen als Schulprojekt an der IT-HTL Ybbs entwickelt. Mein Hauptfokus lag auf dem Frontend und dem UI / UX Design.

Die Designs wurden dabei in Figma erstellt und anschließend mit React + TailwindCSS umgesetzt.

Das Projekt ist Open Source und auf GitHub frei verfügbar.

Raphael war mein Haupt Kollaborateur. Er hat das Backend in Kotlin mit dem Ktor Framework geschrieben und war auch für die Serverkonfiguration und Kommunikation zuständig.