{"id":29029743,"url":"https://github.com/macktireh/ollaix-ui","last_synced_at":"2026-05-05T15:31:44.169Z","repository":{"id":296532869,"uuid":"993692661","full_name":"Macktireh/ollaix-ui","owner":"Macktireh","description":"Ollaix is a modern chatbot-style web interface built with React, TypeScript, Vite, Tailwind CSS, and DaisyUI. Inspired by the ChatGPT user experience, this app enables users to interact with a smart assistant through a clean, responsive, and intuitive interface.","archived":false,"fork":false,"pushed_at":"2025-05-31T20:32:28.000Z","size":250,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-31T23:07:12.526Z","etag":null,"topics":["chatbot","chatgpt","daisyui","react","react-router","responsive-design","syntax-highlighting","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Macktireh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-31T10:08:40.000Z","updated_at":"2025-05-31T11:30:27.000Z","dependencies_parsed_at":"2025-05-31T23:09:05.078Z","dependency_job_id":"b860a727-04b3-4205-8da7-053a8ae4a3ad","html_url":"https://github.com/Macktireh/ollaix-ui","commit_stats":null,"previous_names":["macktireh/ollaix-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Macktireh/ollaix-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Macktireh%2Follaix-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Macktireh%2Follaix-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Macktireh%2Follaix-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Macktireh%2Follaix-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Macktireh","download_url":"https://codeload.github.com/Macktireh/ollaix-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Macktireh%2Follaix-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262031021,"owners_count":23247776,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chatbot","chatgpt","daisyui","react","react-router","responsive-design","syntax-highlighting","tailwindcss","typescript"],"created_at":"2025-06-26T08:36:39.460Z","updated_at":"2026-05-05T15:31:44.164Z","avatar_url":"https://github.com/Macktireh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://ollaix.macktireh.com/chatbot.png\" alt=\"Ollaix logo\" /\u003e\n\u003c/p\u003e\n\n---\n\n\u003ch1 align=\"center\"\u003e🤖 Ollaix UI 💻\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" alt=\"License: MIT\" /\u003e\n\u003c/p\u003e\n\n**Ollaix** is a modern chatbot-style web interface built with React, TypeScript, Vite, Tailwind CSS, and DaisyUI. Inspired by the ChatGPT user experience, this app enables users to interact with a smart assistant through a clean, responsive, simple, fast and user-friendly.\n\n---\n\n## Demo 🚀\n\nExperience Ollaix live here: [https://ollaix.macktireh.com](https://ollaix.macktireh.com)\n\n\u003cvideo src=\"https://github.com/user-attachments/assets/ddd9f622-391b-4b5a-861e-c1086cb14dd5\" align=\"center\"\u003e\u003c/video\u003e\n\n---\n\n## Features ✨\n\n- 🗣️ **Interactive Chat:** Seamless conversations with a smart AI assistant.\n- 💡 **Multiple AI Models:** Choose from various LLM models to tailor your interaction (e.g., Qwen3 4b, Deepseek R1 7b).\n- 🔄 **Real-time Streaming:** Enjoy a responsive experience with real-time AI response streaming.\n- 🌙 **Theme Switching:** Toggle between light and dark modes for comfortable viewing.\n- 📋 **Code Highlighting:** Markdown code blocks are beautifully highlighted for readability.\n- ✂️ **Copy Functionality:** Easily copy AI responses or code snippets to your clipboard.\n- 🛑 **Stop Generation:** Option to interrupt ongoing AI responses.\n- 🌐 **Multilingual Support:** Supports English and French.\n\n---\n\n## Tech Stack 🛠️\n\nOllaix is built with a modern and robust set of technologies:\n\n- ⚛️ **React 19:** A declarative, component-based JavaScript library for building user interfaces.\n- ⚡ **Vite:** A fast build tool that provides a lightning-fast development experience.\n- 💨 **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.\n- 💅 **DaisyUI:** A Tailwind CSS component library that simplifies UI development.\n- 📚 **TypeScript:** A typed superset of JavaScript that compiles to plain JavaScript.\n- 🌍 **i18next \u0026 react-i18next:** Internationalization framework for adding multi-language support.\n- 📝 **react-markdown \u0026 remark-gfm:** For rendering Markdown content with GitHub Flavored Markdown support.\n- 🎨 **react-syntax-highlighter:** For syntax highlighting code blocks.\n- 🌟 Icons by [Lucide React](https://lucide.dev/icons/)\n\n---\n\n## Getting Started 🚀\n\nFollow these steps to get Ollaix up and running on your local machine.\n\n### Prerequisites ✅\n\nBefore you begin, ensure you have the following installed:\n\n- **Node.js:** (LTS version recommended)\n- **npm** or **Yarn:** (npm comes with Node.js)\n\n#### 📦 Backend API Required\n\n\u003e [!IMPORTANT]\n\u003e This frontend requires the [Ollaix API backend](https://github.com/Macktireh/ollaix) to function properly.\n\u003e\n\u003e Make sure the backend is running and accessible via the `VITE_API_BASE_URL` environment variable (default: `http://localhost:8000`).\n\nThe backend provides unified access to multiple AI models (including local models via [Ollama](https://ollama.com/) and cloud models like [Google Gemini](https://deepmind.google/technologies/gemini/)) through a modern API built with [Litestar](https://litestar.dev/).\n\nTo learn more or get started with the backend, check out the [Ollaix API README](https://github.com/Macktireh/ollaix).\n\n### Installation 💻\n\n1.  **Clone the repository:**\n\n    ```bash\n    git clone https://github.com/Macktireh/ollaix-ui.git\n    cd ollaix-ui\n    ```\n\n2.  **Install dependencies:**\n\n    ```bash\n    npm install\n    # or\n    yarn install\n    ```\n\n3.  **Environment Variables:**\n\n    Create a `.env` file in the root of the project by copying `.env.example`:\n\n    ```bash\n    cp .env.example .env\n    ```\n\n    Open `.env` and set the `VITE_API_BASE_URL` to your backend API endpoint. For local development, it will likely be:\n\n    ```\n    VITE_API_BASE_URL=http://localhost:8000\n    ```\n\n\u003e [!IMPORTANT]\n\u003e This frontend requires a backend API to function. Ensure your backend is running and accessible at the specified `VITE_API_BASE_URL`.\n\n4.  **Run the development server:**\n\n    ```bash\n    npm run dev\n    # or\n    yarn dev\n    ```\n\n    The application will be available at `http://localhost:3000` (or another port if 3000 is occupied).\n\n### Installation with Docker 🐳\n\n1.  **Build the Docker image:**\n\n    ```bash\n    # Adjust the BASE_URL if your backend is not running on http://localhost:8000\n    docker build --build-arg BASE_URL=http://localhost:8000 -t ollaix-ui .\n    ```\n\n    This command builds the Docker image with the specified base URL for the API. Adjust the `BASE_URL` as needed for your environment (default is `http://localhost:8000`).\n\n2.  **Run the Docker container:**\n\n    ```bash\n    docker run -d -p 3000:80 --name ollaix-ui ollaix-ui\n    ```\n\n    The application will be available at `http://localhost`.\n\n---\n\n## Contributing 🤝\n\nContributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n### How to Contribute\n\n1.  **Fork the Project**\n2.  **Create your Feature Branch** (`git checkout -b feature/AmazingFeature`)\n3.  **Commit your Changes** (`git commit -m 'Add some AmazingFeature'`)\n4.  **Push to the Branch** (`git push origin feature/AmazingFeature`)\n5.  **Open a Pull Request**\n\nPlease ensure your pull request provides a clear description of the problem and solution. Include the relevant issue number if applicable.\n\n---\n\n## License 📄\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\nMade with ❤️ by [Macktireh](https://github.com/Macktireh)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacktireh%2Follaix-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmacktireh%2Follaix-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacktireh%2Follaix-ui/lists"}