A simple chatbot interface inspired by the iOS iMessage UI with real-time communication using Node.js, Express, and Socket.IO.
MIT License
An interactive web-based chatbot interface that supports multiple AI models from OpenAI, Anthropic, OpenRouter, and Llama.
Clone the repository:
git clone https://github.com/your-username/ai-chatbot-interface.git
cd ai-chatbot-interface
Install dependencies:
npm install
Set up environment variables:
.env.example
file to .env
Start the development server:
npm run dev
Open your browser and navigate to http://localhost:3000
Update the .env
file with your API keys and other settings:
OPENAI_API_KEY
: Your OpenAI API keyANTHROPIC_API_KEY
: Your Anthropic API keyOPENROUTER_API_KEY
: Your OpenRouter API keyLLAMA_API_KEY
: Your Llama API keyPORT
: The port number for the server (default: 3000)HOST
: The host for the server (default: localhost)JWT_SECRET
: Secret key for JWT token generationDATABASE_URL
: Your database connection stringAPI_KEY
: API key for external servicesALLOWED_ORIGINS
: Comma-separated list of allowed origins for CORSNODE_ENV
: The environment (development, production, etc.)To build the project for production:
npm run build
This will create a dist
directory with the compiled files.
To deploy the project using GitHub Pages:
main
or master
)./
) as the source.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.
Please read CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.