https://github.com/kastorcode/ollama-gui-reactjs

Frontend for the Ollama LLM, built with React.js and Flux architecture.
https://github.com/kastorcode/ollama-gui-reactjs

craco flux flux-architecture flux-pattern front-end frontend github-pages kastor-code kastorcode kastorcoder llama3 ollama-client ollama-gui ollama-ui react-router react-router-dom react-transition-group reactjs styled-components typescript

Last synced: 26 days ago
JSON representation

Frontend for the Ollama LLM, built with React.js and Flux architecture.

• Host: GitHub
• URL: https://github.com/kastorcode/ollama-gui-reactjs
• Owner: kastorcode
• Created: 2024-06-08T15:11:56.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-15T20:58:01.000Z (6 months ago)
• Last Synced: 2024-11-19T09:05:26.073Z (about 1 month ago)
• Topics: craco, flux, flux-architecture, flux-pattern, front-end, frontend, github-pages, kastor-code, kastorcode, kastorcoder, llama3, ollama-client, ollama-gui, ollama-ui, react-router, react-router-dom, react-transition-group, reactjs, styled-components, typescript
• Language: TypeScript
• Homepage: https://kastorcode.github.io/ollama-gui-reactjs/
• Size: 1.4 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Ollama LLM Graphical User Interface

> 👨‍💻 Developed by Matheus Ramalho de Oliveira  

🏗️ Brazilian Software Engineer  

✉️ [email protected]  

🦫 [LinkedIn](https://br.linkedin.com/in/kastorcode) • [Instagram](https://instagram.com/kastorcode)

---



  





  This application is a frontend for the LLM (large language model) Ollama. Ollama is an interface created by Meta that facilitates the use of artificial intelligence.



---

### Screenshots



  

  

  

  

  

  



---

### Technologies

[Craco](https://craco.js.org)  

[Flux Architecture](https://facebookarchive.github.io/flux)  

[React.js](https://react.dev)  

[React Hooks Global State](https://npmjs.com/package/react-hooks-global-state)  

[React Router](https://reactrouter.com)  

[React Transition Group](https://reactcommunity.org/react-transition-group)  

[Styled Components](https://styled-components.com)  

[TypeScript](https://typescriptlang.org)

---

### Installation and execution

1. You need to have the [Ollama server](https://ollama.com/download) installed on your machine, or configure the app to use an external URL;

2. Make a clone of this repository;

3. Open the project folder in a terminal;

4. Run `yarn` to install dependencies;

5. Run `yarn start` to launch at `http://localhost:3000`.

---

### Running from GitHub Pages

1. You need to have the [Ollama server](https://ollama.com/download) installed on your machine, or configure the app to use an external URL;

2. By default, the app uses the llama3 model, you can install it with the command: `ollama run llama3`;

3. If you have the local server, run it with the following command releasing CORS: `export OLLAMA_ORIGINS=https://*.github.io && ollama serve`;

4. Access at: [kastorcode.github.io/ollama-gui-reactjs](https://kastorcode.github.io/ollama-gui-reactjs).

---



  <kastor.code/>