njlaprell/angular-chatbot-gpt

OpenAI Chatbot UI

NOTE: This project, including this README, was generated by ChatGPT. For background details, see BACKGROUND.md

This project is an Angular-based user interface for an OpenAI-driven chatbot. The UI uses the OpenAI API to interact with the chatbot and get responses. The project also includes an Express proxy server to handle API requests.

Features

• Angular with Bootstrap and FontAwesome for the UI
• Model selection dropdown, grouped by type
• Sliders for temperature and top_p values
• Scrollable chat conversation history
• Input box and submit button for user messages
• Express proxy server for API calls
• Error handling with Bootstrap alerts

Prerequisites

• Node.js and npm installed
• Angular CLI installed: npm install -g @angular/cli
• An OpenAI API key

Installation

1. Clone the repository:

    git clone https://NJLaPrell/angular-chatbot-gpt
   

2. Navigate to the project folder:

    cd your-repository
   

3. Install the required dependencies:

    npm install
   

Usage

1. Set the OPENAI_API_KEY environment variable:

   • For Windows (Command Prompt):

      set OPENAI_API_KEY=your_api_key_here
     

   • For Windows (PowerShell):

      $env:OPENAI_API_KEY="your_api_key_here"
     

   • For macOS and Linux:

     export OPENAI_API_KEY=your_api_key_here
     

2. Start the Express proxy server:

    node proxy.js
   

3. In a separate terminal, start the Angular app using the proxy configuration:

    npm start
   

4. Open a web browser and visit http://localhost:4200 to use the chatbot UI.

Contributing

Please read 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.md file for details.