OneLLM: Eine AI-Chat-Anwendung im Stil von Samsung OneUI

Projektvorstellung

OneLLM ist eine AI-Chat-Anwendung, die Samsung OneUI nachempfunden ist. Mit Groq liefert sie schnelle und präzise AI-Antworten und vermittelt mit einer OneUI-ähnlichen Oberfläche ein natürliches, nativ wirkendes App-Erlebnis.

Hauptfunktionen

1. OneUI-Designsystem

   • Material Icons und Designelemente von Samsung OneUI angewendet
   • SamsungOne-Schriftart verwendet
   • Intuitive und aufgeräumte Benutzeroberfläche
   • Unterstützung für Dark Mode

2. Erweiterte Chat-Funktionen

   • Kein Login erforderlich
   • Chatverlauf speichern und verwalten
   • Suchfunktion für Gesprächsinhalte

3. Anpassungsoptionen

   • Auswahl verschiedener AI-Modelle möglich
   • Unterstützung für auf Deepseek destillierte Qwen- und LLama-basierte Modelle
   • Schriftgröße anpassen
   • Personalisierung über das Einstellungsmenü

Tech-Stack

• React.js
• CSS3
• Node.js

Besonderheiten

• Mobilfreundliches responsives Design (PWA)
• Speicherung von Gesprächsinhalten mit Local Storage
• Anzeige von Zeitstempeln für Nachrichten

Dieses Projekt ist eine PWA, die so umgesetzt wurde, dass sie sich mit den Designelementen, dem Icon-System, dem Farbsystem, dem Logout und den Interaktionen von Samsung OneUI auf Galaxy-Geräten wie eine native App anfühlt.
Da der Fokus eher auf mobiler UX als auf Desktop liegt, wird die Nutzung auf dem Smartphone empfohlen.

[yeorinhieut]

Ist es in Ordnung, den API-Key im Frontend direkt in der Anfrage an die groq API mitzuschicken?
Auch wenn es nur eine Demo ist, weise ich darauf hin, dass der API-Key dadurch offengelegt wird.

[sdr0311]

Vielen Dank für Ihre gute Anmerkung!
Ursprünglich war ohnehin geplant, Anfragen über einen Backend-Proxy-Server zu verarbeiten. Da die Groq API bei privater Nutzung jedoch nicht kostenpflichtig ist, gibt es praktisch kaum Nachteile, selbst wenn der API-Schlüssel offengelegt wird.
Deshalb wurde die Anwendung so umgesetzt, dass der Schlüssel direkt im Frontend übergeben wird. Falls später eine Version entwickelt wird, die API-Schlüssel von Azure oder OpenAI enthalten und nutzen kann, wird voraussichtlich zusätzlich ein Backend-Proxy-Prozess eingebaut.

[sdr0311]

Der Quellcode von OneLLM wurde auf GitHub veröffentlicht!
Wenn Sie neugierig sind, finden Sie ihn unter diesem Link

https://github.com/sioaeko/OneLLM

[brainer]

Ist zwar schon lange nicht mehr aktualisiert worden, aber so etwas gibt es auch.

https://github.com/SamsungInternet/OneUI-Web

[sdr0311]

Vielen Dank für die gute Rückmeldung!
Es scheint, als wären nur UX-Elemente aus der OneUI-2-Ära eingeflossen.
OneLLM wurde mit dem Ziel entwickelt, das OneUI-6-Gefühl so weit wie möglich umzusetzen,
weshalb es sich zwar von den Elementen aus jener Zeit zu unterscheiden scheint, aber ich sollte es bei Gelegenheit einmal testen.

[mokaa]

Ich möchte anregen, den height-Wert auf 100dvh zu ändern; so würde er sich womöglich besser in das mobile Layout einfügen.

[sdr0311]

Vielen Dank für die gute Anmerkung. Ich habe sie in das CSS übernommen und angewendet.

[ned0909]

Zugriff aus dem Ausland ist nicht möglich.

[sdr0311]

Der Zugriff ist derzeit für Japan, Südkorea und die USA freigeschaltet.
Über die WAF-Firewall von Cloudflare war der Zugriff aus einigen ausländischen Ländern blockiert.
Falls Sie auch aus anderen Ländern darauf zugreifen möchten, sagen Sie bitte Bescheid, dann schalte ich den Zugriff frei.

[faceradix]

Bitte die Türkei (Türkiye). Ich bin türkischer Auslandsbürger.

[sdr0311]

Eine Ausnahme für die Türkei wurde zur Firewall hinzugefügt.

[ned0909]

Ich war in den USA, aber es funktioniert gut!

[hoonix]

Aus dem Ausland ist kein Zugriff möglich, und im Inland erscheint 502 Bad Gateway.

[sdr0311]

Derzeit ist das Projekt wegen Anpassungen vorübergehend deaktiviert! Nach Anwendung der Änderungen schalte ich es wieder ein.

[sdr0311]

Ist jetzt online.