Skip to content

danielfrey63/demo-client-server-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI/LLM Umfrage

Eine einfache Webanwendung zur Durchführung einer Umfrage über die Nutzung von AI/LLMs mit Echtzeit-Ergebnisdarstellung.

Features

  • Einfache Ja/Nein-Umfrage
  • Echtzeit-Aktualisierung der Ergebnisse
  • Pie-Chart Visualisierung
  • QR-Code für einfachen Zugriff auf die Umfrage
  • Automatische Datenbankbereinigung beim Neustart

Installation

  1. Repository klonen
  2. Abhängigkeiten installieren:
    pip install -r requirements.txt

Lokale Entwicklung

python app.py

Die Anwendung ist dann unter http://localhost:5000 erreichbar:

  • Umfrage: http://localhost:5000/survey
  • Ergebnisse: http://localhost:5000 oder http://localhost:5000/results

Deployment auf Vercel

  1. Forke dieses Repository
  2. Gehe zu Vercel
  3. Erstelle ein neues Projekt und verbinde es mit deinem Fork
  4. Vercel erkennt automatisch die Python-Konfiguration
  5. Klicke auf "Deploy"

Die Anwendung wird automatisch gebaut und deployed. Vercel stellt eine URL bereit, unter der die Anwendung erreichbar ist.

Demo Vorbereitung

1. Main Branch auf v1.0.0 zurücksetzen

# Wechsle zum main Branch
git checkout main

# Setze den Branch hart auf v1.0.0 zurück
git reset --hard v1.0.0

# Pushe die Änderungen zum Remote Repository (force push erforderlich)
git push -f origin main

2. UI Modernisierung mit KI

Für die UI-Modernisierung kann folgender Prompt verwendet werden:

Entwerfe ein modernes, ansprechendes UI für beide Screens (Survey und Results) mit folgenden Anpassungen: Verwende die Inter Font Family für eine zeitgemäße Typografie, zentriere das Layout und implementiere ein dunkles Theme mit modernen Farbverläufen. Integriere subtile Animationen und Hover-Effekte für Buttons und Container (ohne das Kuchendiagramm zu beeinflussen). Achte auf ein vollständig responsives Design für mobile Geräte, verbessere die Lesbarkeit und visuelle Hierarchie, gestalte Buttons und Container mit modernen Stilen, halte Farben und Strukturen konsistent und verwende weiche Konturen und Linien für ein harmonisches Gesamtbild. Stell sicher, dass QR-Code und Umfrage-Ergebnisse nebeneinander angezeigt werden, ausser bei Mobile-Geräten.

3. Änderungen einchecken und synchronisieren

# Änderungen zum Staging hinzufügen
git add .

# Commit mit aussagekräftiger Nachricht erstellen
git commit -m "Modern UI improvements for survey and results pages"

# Änderungen zum Remote Repository pushen
git push origin main