https://github.com/hamdymohamedak/blackv-chatbot
This is a simple React and TypeScript-based web interface designed to make it easy to connect your Ollama models to a website. Instead of interacting with Ollama via the terminal, you can now use a graphical user interface (GUI) to communicate with your models.
https://github.com/hamdymohamedak/blackv-chatbot
ai chatbots gui model ollama
Last synced: 2 months ago
JSON representation
This is a simple React and TypeScript-based web interface designed to make it easy to connect your Ollama models to a website. Instead of interacting with Ollama via the terminal, you can now use a graphical user interface (GUI) to communicate with your models.
- Host: GitHub
- URL: https://github.com/hamdymohamedak/blackv-chatbot
- Owner: hamdymohamedak
- Created: 2025-02-17T00:38:21.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-17T01:14:56.000Z (over 1 year ago)
- Last Synced: 2025-05-20T10:45:49.488Z (about 1 year ago)
- Topics: ai, chatbots, gui, model, ollama
- Language: TypeScript
- Homepage:
- Size: 118 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ollama Model GUI
This project provides a user-friendly web interface (GUI) built with React and Typescript, allowing you to easily connect and interact with Ollama models. Say goodbye to terminal interactions and enjoy a seamless conversational experience!
## Features
- **Effortless Ollama Integration:** Connect your Ollama models to the web interface with minimal configuration.
- **Intuitive GUI:** Engage in conversations through a clean and user-friendly graphical interface.
- **React and Typescript:** Built with modern web technologies for a smooth and maintainable experience.
## Getting Started
1. **Prerequisites:**
- Ensure you have Ollama installed and running with your desired model.
- Basic knowledge of React and Typescript is recommended.
2. **Installation:**
- Clone this repository: `git clone [repository URL]`
- Navigate to the project directory: `cd [project directory]`
- Install dependencies: `npm install` or `yarn install`
3. **Configuration:**
- Open the `Model.tsx` file.
- Replace the placeholder model name with the name of your Ollama model.
- Example: If your model is named "llama2", update the relevant field in `Model.tsx` accordingly.
4. **Running Ollama:**
- Start Ollama with your chosen model: `ollama run [your model name]`
5. **Running the Web Interface:**
- Start the development server: `npm start` or `yarn start`
- The web interface should open in your browser at `http://localhost:5173` (or a similar port).
6. **Start Chatting:**
- You are now ready to begin conversing with your Ollama model through the GUI!
7. **Reset the model**
- you can change the model setting by reset variable at Modal.tsx
