Skip to content

A MERN stack app that leverages the power of React to craft stunning UI/UX on the front end, while seamlessly integrating OpenAI's API to enhance the backend functionality. Explore the perfect synergy of modern web development and cutting-edge AI technology.

Notifications You must be signed in to change notification settings

yashkathe/AI-Chat-Bot-MERN

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat Bot

Overview

This project is a chat bot leveraging OpenAI's GPT-3.5 Turbo model, implemented using React for the front end, Express for the backend, and MongoDB for data storage. The application provides users with an interactive interface to engage in natural language conversations with the GPT-3.5 Turbo model.

Features

  • Conversational Interface: Users can have dynamic and natural language conversations by inputting prompts or queries.

  • Backend Integration: The Express backend manages communication with the OpenAI API, handling requests and responses seamlessly.

  • Data Persistence: MongoDB is employed for storing user data, including prompts and model responses.

Prerequisites

Before running the application, ensure you have the following installed:

  • Node.js
  • npm (Node Package Manager)
  • MongoDB

Setup

  1. Clone the repository:

    git clone https://github.com/yashkathe/AI-Chat-Bot-MERN.git
  2. Navigate to the project directory:

    cd AI-Chat-Bot-MERN
  3. Install dependencies for both the client and server:

    # Install frontend dependencies
    cd frontend
    npm install
    
    # Install backend dependencies
    cd backend
    npm install
  4. Configure environment variables:

    Modify the .env.txt file in the backend directory and add the following variables and rename it to .env:

    ```bash
    OPENAI_API_KEY=your_openai_api_key
    MONGODB_URI=your_mongodb_uri
    ```
    
  5. Start the application:

    # Start the client (in the frontend directory)
    cd frontend
    npm run dev
    
    # Start the server (in the backed directory)
    cd backend
    npm run dev

Notes

  • Make sure to replace your_openai_api_key and your_mongodb_uri with your actual OpenAI API key and MongoDB connection URI in the .env file.

Website Screenshots

Home Page

Home Page

Login Page

Login

SignUp Page

Signup

Chat Page

Empty Chat

Website Demo

Website Demo

About

A MERN stack app that leverages the power of React to craft stunning UI/UX on the front end, while seamlessly integrating OpenAI's API to enhance the backend functionality. Explore the perfect synergy of modern web development and cutting-edge AI technology.

Topics

Resources

Stars

Watchers

Forks

Languages