ALLCHAT

Node.js backend and a React MUI frontend for an application that interacts with the Gemini Pro 1.5 (and others), with history, image generating/recognition, PDF/Word/Excel upload, code run, model function calls and markdown support. Written fully by Claude 3 Sonnet.

Demo

https://allchat.online/

Features

• Gemini Pro 1.5 and Claude 3 Haiku
• Audio Input in Gemini
• Video Input in Gemini
• Image Input (png/jpeg) in Gemini and Haiku
• Together AI models databricks/dbrx-instruct mistralai/Mixtral-8x7B-Instruct-v0.1
• Multiple chats
• File upload PDFs, Word, Excel into the conversation
• Markdown formatting
• Edit your messages with response regeneration
• Image Generation by Amazon Titan
• Python Code Run
• Mobile friendly, PWA, Android app, etc
• Abiility to provide own API key
• Web Tools - weather, stocks, email send, Telegram, web search, etc
• Please ask for more features in Issues or here https://discord.com/invite/JTk2fHtv

Connect model to world with Web Tools

• Instantly run Python code: Just ask AI to write your code and let Python Code Run take care of execution. You can even create pictures or graphs - simply instruct AI to save them to a file. Just say Create a python program which will draw house and clouds and save to disk
• Effortlessly fetch real-time data: Easily access important information such as weather updates, stock prices, and the latest news - just ask Whats weather in my country?
• Automate your email and Telegram correspondences: Send emails effortlessly to yourself or others. Just say Send information to me
• If your task require some compute, Python program will be created and executed in the background. Just say Calculate first 100 Fibonacci numbers
• Get the latest news from Google News in your preferred language and receive them directly in your inbox. Keep up with industry trends and advancements. Just say Send me your comment about latest news

Environment variables

You have to get some of those APIs and set environment variables (or put to .env file):

• GEMINI_KEY - Gemini 1.5 key
• CLAUDE_KEY - Anthropic Key (for Haiku)
• AWS_SECRET_KEY
• AWS_ACCESS_KEY - (for Titan image generation)
• TOGETHER_KEY - for Together models
• JWT_TOKEN - any random string
• OPENWEATHER_API_KEY - for weather tools
• YAHOO_FINANCE_API_KEY - for stocks tools
• TELEGRAM_KEY - for Telegram tools to work
• EMAIL - for email tools
• EMAIL_PASSWORD - for email tools

DOCKER DEPLOY

To containerize the Node.js backend and React MUI frontend for easy deployment, we can use Docker. Here's how you can create Docker containers for your application:

Backend (Node.js)

1. Replace export const ALLOWED_ORIGIN = ["https://allchat.online", "http://localhost:3000"]; in server/index.js with your domain
2. Build the Docker image by running the following command in the backend directory:

docker build -t allchat-backend .

Replace allchat-backend with your desired image name. Push to Hub if needed.

Frontend (React MUI)

1. Replace export const API_URL = process.env.NODE_ENV === "production" ? "https://allchat.online/api" : "http://localhost:5000"; in src/components/Main.js with your domain
2. Build the Docker image by running the following command in the frontend directory:

docker build -t allchat-frontend .

Replace allchat-frontend with your desired image name. Push to Hub if needed.

Running the Containers

After building the Docker images, you can run the containers using Docker Compose. Make sure to replace allchat-backend and allchat-frontend with the names you used when building the Docker images.

Now, you can start the containers by running the following command in the root directory of your project:

docker-compose up

This will start both the backend and frontend containers, and the frontend will be accessible at http://localhost.

With this setup, you can easily deploy your containerized application to any Docker-compatible environment, such as a cloud platform or a local server.

NGINX

To configure Nginx as a reverse proxy for your containerized Node.js backend and React MUI frontend applications, you can follow these steps:

1. Install Nginx

If Nginx is not already installed on your VM instance, you can install it using the appropriate package manager for your operating system. For example, on Ubuntu or Debian-based distributions, you can run:

sudo apt-get update
sudo apt-get install nginx

2. Configure Nginx

Open the default Nginx configuration file, usually located at /etc/nginx/nginx.conf or /etc/nginx/conf.d/default.conf. You can use a text editor like nano or vim.

sudo nano /etc/nginx/conf.d/default.conf

3. Configure Server Blocks

Next, configure the server blocks for your domain. Inside the http block, add the following:

server {
    server_name allchat.online www.allchat.online;

    location /api/ {
        proxy_pass http://localhost:6000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP       $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location / {
        proxy_pass http://localhost:8585;
        proxy_set_header Host $host;
	    proxy_set_header X-Real-IP       $remote_addr;
	    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/allchat.online/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/allchat.online/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

This configuration listens on port 80 for requests to allchat.online and www.allchat.online. It forwards requests to /api to your backend container, and all other requests to your frontend container.

5. Restart Nginx

Save the changes to the configuration file, and restart Nginx for the changes to take effect:

sudo systemctl restart nginx

After completing these steps, your Nginx server should now be correctly configured to act as a reverse proxy for your containerized Node.js backend and React MUI frontend applications, serving them at allchat.online and www.allchat.online.

Note: Make sure that your backend and frontend containers are running and accessible from your Nginx server. You may need to adjust the firewall rules or security groups on your VM instance to allow incoming traffic on the necessary ports.