Overview:

The SvelteKit ChatGPT UI is a chat application built with SvelteKit. It allows users to have chat conversations with an AI-powered chatbot. The application features include persisting chat history, auto-scrolling, and message streaming. The chat messages, answer, and chat history are stored in separate stores, allowing for efficient data management and seamless user experience.

Features:

• Persisted Chat History: The application saves chat history in the local storage, allowing users to view past conversations.
• Auto Scrolling/Message Streaming: The chat interface automatically scrolls to show the latest messages, and new messages are streamed in real-time.
• Separate Stores: The chat messages, answer, and chat history are stored in separate stores, ensuring efficient data management and easy updates.

Installation:

To install the SvelteKit ChatGPT UI, follow these steps:

1. Clone the repository:

   git clone <repository-url>
   

2. Change to the project directory:

   cd sveltekit-chatgpt-ui
   

3. Install the dependencies using npm:

   npm install
   

4. Create an .env file and add your OpenAI API key:

   OPENAI_KEY=your-openai-api-key
   

5. Start the application:

   npm run dev
   

6. Open your browser and navigate to http://localhost:5000 to access the chat interface.

7. Enjoy chatting with the AI-powered chatbot!

Summary:

The SvelteKit ChatGPT UI is a powerful chat application that utilizes SvelteKit for a smooth and responsive user experience. It offers features such as persisted chat history, auto-scrolling, and message streaming. The application stores chat messages, answers, and chat history separately, ensuring efficient data management and easy updates. With easy installation steps, users can quickly set up the SvelteKit ChatGPT UI and enjoy seamless chat interactions with the AI chatbot.