Skip to content

Aplikacja typu chat z funkcjonalnością podświetlania składni kodu w odpowiedziach.

Notifications You must be signed in to change notification settings

Xenomimi/simple-chat-gpt

Repository files navigation

Projekt Chat z Podświetlaniem Składni

Ten projekt to przykładowa aplikacja typu chat zintegrowana z zewnętrznym modelem językowym (LLM) poprzez API GroqApi. Dodatkowo umożliwia ona automatyczne podświetlanie składni fragmentów kodu przesyłanych w wiadomościach przy użyciu biblioteki highlight.js.

Funkcjonalności

  • Chat z modelem językowym:
    Pozwala zadawać pytania i otrzymywać odpowiedzi w formie tekstowej.

  • Detekcja kodu:
    Fragmenty kodu umieszczane między trzema backtickami (```) są automatycznie wykrywane i wyświetlane w formacie <pre><code>...</code></pre>.

  • Podświetlanie składni:
    Wykorzystanie highlight.js do automatycznego podświetlania składni kodu dla wielu języków. Biblioteka stara się automatycznie wykryć odpowiedni język.

Wymagania

  • .NET 8
  • Dostęp do API GroqApi (posiadanie apiKey).

Konfiguracja

  1. Klonowanie repozytorium:

    git clone https://github.com/Xenomimi/simple-chat-gpt.git
    cd simple-chat-gpt
  2. Instalacja zależności: Jeśli jest to projekt .NET, uruchom:

    dotnet restore
  3. Klucz API:
    W bloku @code w pliku Chat.razor zaktualizuj zmienną apiKey podając własny klucz API do GroqApiClient.

    private static string apiKey = "<TWÓJ_KLUCZ_API>";

Uruchamianie

dotnet run

Następnie przejdź do http://localhost:5231/chat w przeglądarce.

Jak korzystać

  1. Wprowadź pytanie lub wiadomość w polu tekstowym.
  2. Kliknij "Zapytaj Chat", by wysłać wiadomość do modelu.
  3. Odpowiedzi zawierające fragmenty kodu zostaną wyświetlone z kolorowaniem składni.

About

Aplikacja typu chat z funkcjonalnością podświetlania składni kodu w odpowiedziach.

Topics

Resources

Stars

Watchers

Forks