AI-Hub

Eine self hosted Website welche es ermöglicht per API mit Claude zu Chatten.

AI-Hub Screenshot

Das Projekt im Detail

Der Fokus in diesem Projekt lag weniger auf dem Frontend sondern mehr auf dem Backend bzw dem hosting welches ich vorgenommen habe.

Das Frontend ist eine einfache Website bei welcher man Text eingeben kann, welcher dann über das Backend an Claude gesendet wird und dann die Nachricht von Claude wieder ausgibt.

Verwendete Technologien

Frontend

  • HTML
  • CSS
  • JavaScript

Backend

  • JavaScript
  • SQLite

Hosting

  • Docker
  • Home Server

Kernfunktionen

API

Durch die API ist man in der Lage mit Claude zu chatten.

Darstellung

Die Antworten von Claude werden entsprechend formatiert und ausgegeben, Code sowie Markdown wird erkannt.

Hosting

Das Projekt wurde auf einem Home Server gehostet, was es ermöglicht, die Website im Heimnetzwerk zu nutzen.

Speicherung

Die Website speichert die Chatverläufe lokal

Herausforderungen & Lernen

Die Website an sich hat mir keine Schwirigkeiten bereitet, da ich dies bereits des öfteren gemacht habe. Die grösste Herausforderung war das Hosten der Website auf meinem Home Server da ich dies noch nie zuvor gemacht habe.

Dazu habe ich gelernt wie man in diesem Falle mit Docker umgehen sollte um das ganze möglichst einfach zu hosten. Da ich mich jedoch gegen ein öffnen der Ports entschieden habe war es noch relativ einfach das ganze zu hosten.

Dennoch war das Projekt und das hosten eine sehr gute Übung und ich konnte einiges lernen.