Merge pull request #42 from abhiram304/feature/addopenai

Feature/addopenai

Author: devmahmud

README.md

@@ -41,6 +41,26 @@ EMAIL_HOST_USER = '<smtp host user>'
 EMAIL_HOST_PASSWORD = '<smtp host pass>'
 DEFAULT_FROM_EMAIL = '<from email address>'
 ```
+## Getting an OpenAI API Key
+
+1. **Sign Up for an OpenAI Account:**
+   - Go to [OpenAI’s website](https://www.openai.com/) and sign up for an account if you don't have one.
+
+2. **Navigate to API Keys:**
+   - After logging in, go to the API section of your account by visiting [OpenAI API Keys](https://platform.openai.com/account/api-keys).
+
+3. **Create a New API Key:**
+   - Click on the "Create new key" button. A new API key will be generated for you.
+
+4. **Copy Your API Key:**
+   - Copy the API key to your clipboard. You will need this key to access OpenAI services.
+
+5. **Set Up Your Environment:**
+   - Add the API key to your environment variables. You can do this by setting an environment variable in your terminal or adding it to a `.env` file or add in settings.py . For example, you can set it in your `.env` file like this:
+     ```
+     OPENAI_API_KEY=your_api_key_here
+     ```
+
 <h2> Configuring OAuth login </h2>
 <details>
     <summary>Obtaining OAuth Client ID for Google</summary>

pollme/settings.py

@@ -152,3 +152,5 @@
 EMAIL_HOST_USER = 'TBD'
 EMAIL_HOST_PASSWORD = 'TBD'
 DEFAULT_FROM_EMAIL = 'TBD'  # The email address you want to send from
+
+OPENAI_API_KEY = 'your_open_ai_key'

polls/templates/polls/chat.html

@@ -0,0 +1,46 @@
+{% extends 'base.html' %}
+
+{% block content %}
+
+<div class="container">
+    <div class="row">
+        <div class="col-md-8 offset-sm-2">
+            <h1 class="text-center mb-5">Ask Open AI</h1>
+            <div class="table-responsive">
+                <form id="chatForm" class="form-group">
+                    <label for="userInput">Your Question:</label>
+                    <textarea id="userInput" class="form-control mb-3" rows="4" placeholder="What poll i can create on health care topic ?"></textarea>
+                    <button type="button" id="sendButton" class="btn btn-primary" onclick="sendMessage()">Send</button>
+                </form>
+                <label id="responseLabel" class="mt-3" style="white-space:pre-line"></label>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+  function sendMessage() {
+    const text = document.getElementById('userInput').value;
+    
+    // Disable submit button
+    document.getElementById('sendButton').disabled = true;
+
+    fetch('/polls/chat/', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify({message: text})
+    })
+    .then(response => response.json())
+    .then(data => {
+      // Clear input value
+      document.getElementById('userInput').value = '';
+      
+      document.getElementById('responseLabel').textContent = data.reply;
+    }).finally(() => {
+      // Enable submit button
+      document.getElementById('sendButton').disabled = false;
+    })
+  }
+</script>
+
+{% endblock content %}

polls/urls.py

@@ -17,4 +17,6 @@
     path('<int:poll_id>/', views.poll_detail, name='detail'),
     path('<int:poll_id>/vote/', views.poll_vote, name='vote'),
     path('dashboard/', views.dashboard, name='dashboard'),
+    path('chat/', views.chat_view, name='chat_view'),
+    path('chat_page/', views.chat_page, name='chat_page'),
 ]