npm install openai axios

// server.js
import express from 'express';
import axios from 'axios';

const app = express();
app.use(express.json());

app.post('/api/chat', async (req, res) => {
  const { message } = req.body;
  const response = await axios.post(
    'https://api.openai.com/v1/chat/completions',
    {
      model: 'gpt-4',
      messages: [{ role: 'user', content: message }],
    },
    {
      headers: { Authorization: `Bearer ${process.env.OPENAI_API_KEY}` },
    }
  );
  res.json(response.data);
});

app.listen(5000, () => console.log('Server running on port 5000'));

import { useState } from "react";
import axios from "axios";

function ChatBot() {
  const [input, setInput] = useState("");
  const [response, setResponse] = useState("");

  const handleSend = async () => {
    const res = await axios.post("/api/chat", { message: input });
    setResponse(res.data.choices[0].message.content);
  };

  return (
    <div>
      <h2>AI Chatbot</h2>
      <textarea value={input} onChange={(e) => setInput(e.target.value)} />
      <button onClick={handleSend}>Send</button>
      <p>{response}</p>
    </div>
  );
}

export default ChatBot;