Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/exios66/ios-chatbot
A simple chatbot interface inspired by the iOS iMessage UI with real-time communication using Node.js, Express, and Socket.IO.
https://github.com/exios66/ios-chatbot
ios llama openai-api ui-design
Last synced: 4 days ago
JSON representation
A simple chatbot interface inspired by the iOS iMessage UI with real-time communication using Node.js, Express, and Socket.IO.
- Host: GitHub
- URL: https://github.com/exios66/ios-chatbot
- Owner: Exios66
- License: mit
- Created: 2024-10-10T02:02:48.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-15T22:04:52.000Z (2 months ago)
- Last Synced: 2024-12-03T16:43:40.631Z (20 days ago)
- Topics: ios, llama, openai-api, ui-design
- Language: JavaScript
- Homepage: https://exios66.github.io/ios-chatbot/
- Size: 7.08 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# AI Chatbot Interface
An interactive web-based chatbot interface that supports multiple AI models from OpenAI, Anthropic, OpenRouter, and Llama.
## Features
- Support for multiple AI providers: OpenAI, Anthropic, OpenRouter, and Llama
- Dynamic model selection
- Real-time chat interface
- iOS-style light and dark themes
- Settings management
- Admin panel for user management and system statistics
## Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/ai-chatbot-interface.git
cd ai-chatbot-interface
```
2. Install dependencies:
```bash
npm install
```
3. Set up environment variables:
- Copy the `.env.example` file to `.env`
- Fill in the required API keys and other configuration options
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and navigate to `http://localhost:3000`
## Usage
1. Select an AI model from the Models tab
2. Navigate to the Chat tab
3. Start chatting with the selected AI model
## Configuration
Update the `.env` file with your API keys and other settings:
- `OPENAI_API_KEY`: Your OpenAI API key
- `ANTHROPIC_API_KEY`: Your Anthropic API key
- `OPENROUTER_API_KEY`: Your OpenRouter API key
- `LLAMA_API_KEY`: Your Llama API key
- `PORT`: The port number for the server (default: 3000)
- `HOST`: The host for the server (default: localhost)
- `JWT_SECRET`: Secret key for JWT token generation
- `DATABASE_URL`: Your database connection string
- `API_KEY`: API key for external services
- `ALLOWED_ORIGINS`: Comma-separated list of allowed origins for CORS
- `NODE_ENV`: The environment (development, production, etc.)
## Building and Deploying
To build the project for production:
```bash
npm run build
```
This will create a `dist` directory with the compiled files.
### Deploying to GitHub Pages
To deploy the project using GitHub Pages:
1. Go to your GitHub repository's settings.
2. Navigate to the "Pages" section.
3. Under "Source", select the branch you want to deploy (usually `main` or `master`).
4. Select the root folder (`/`) as the source.
5. Click "Save".
GitHub will now automatically build and deploy your site whenever you push changes to the selected branch. The deployment process may take a few minutes. Once complete, you can access your site at `https://your-username.github.io/your-repo-name/`.
Note: Make sure your project's structure is compatible with GitHub Pages. The `index.html` file should be in the root of your project or in a `docs` folder if you choose that option in the GitHub Pages settings.
## Contributing
Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.