Add Language Learning Chatbot project (Issue #90)

ausarkhan · ausarkhan · commit 1bcbb73c73ef · 2025-09-17T19:41:56.000Z
diff --git a/Language_Learning_Chatbot/README.md b/Language_Learning_Chatbot/README.md
@@ -0,0 +1,30 @@
+# Language Learning Chatbot
+
+A conversational AI language learning companion using OpenAI API.
+
+## Features
+- Chatbot for language practice and learning
+- Personalized feedback
+
+## Usage
+1. Install dependencies:
+   ```bash
+   pip install flask openai
+   ```
+2. Set your OpenAI API key as an environment variable:
+   ```bash
+   export OPENAI_API_KEY=sk-...
+   ```
+3. Run the Flask app:
+   ```bash
+   python app.py
+   ```
+4. Open your browser at `http://localhost:5000`.
+
+## Requirements
+- Python 3.x
+- Flask
+- OpenAI API key
+
+## License
+MIT
diff --git a/Language_Learning_Chatbot/app.py b/Language_Learning_Chatbot/app.py
@@ -0,0 +1,30 @@
+"""
+Language Learning Chatbot (Issue #90)
+Minimal Flask backend + HTML/JS frontend using OpenAI API
+"""
+from flask import Flask, request, jsonify, send_from_directory
+import os
+import openai
+
+app = Flask(__name__)
+openai.api_key = os.getenv("OPENAI_API_KEY", "sk-...")  # Replace with your key or set as env var
+
+@app.route("/api/chat", methods=["POST"])
+def chat():
+    user_msg = request.json.get("message", "")
+    prompt = f"You are a helpful language learning assistant. Help the user practice and learn languages.\nUser: {user_msg}\nAI:"
+    response = openai.Completion.create(
+        engine="text-davinci-003",
+        prompt=prompt,
+        max_tokens=100,
+        temperature=0.7
+    )
+    reply = response.choices[0].text.strip()
+    return jsonify({"reply": reply})
+
+@app.route("/")
+def index():
+    return send_from_directory(".", "chatbot.html")
+
+if __name__ == "__main__":
+    app.run(debug=True)
diff --git a/Language_Learning_Chatbot/chatbot.html b/Language_Learning_Chatbot/chatbot.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Language Learning Chatbot</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 40px; }
+        .container { max-width: 600px; margin: auto; }
+        #chat { border: 1px solid #ccc; padding: 10px; height: 300px; overflow-y: auto; margin-bottom: 10px; }
+        input, button { margin: 5px; }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h2>Language Learning Chatbot</h2>
+    <div id="chat"></div>
+    <input type="text" id="userInput" placeholder="Type your message..." />
+    <button onclick="sendMessage()">Send</button>
+</div>
+<script>
+function appendMessage(sender, text) {
+    const chat = document.getElementById('chat');
+    chat.innerHTML += `<b>${sender}:</b> ${text}<br/>`;
+    chat.scrollTop = chat.scrollHeight;
+}
+function sendMessage() {
+    const input = document.getElementById('userInput');
+    const msg = input.value;
+    if (!msg) return;
+    appendMessage('You', msg);
+    input.value = '';
+    fetch('/api/chat', {
+        method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({message: msg})
+    }).then(r => r.json()).then(data => {
+        appendMessage('AI', data.reply);
+    });
+}
+</script>
+</body>
+</html>
diff --git a/Language_Learning_Chatbot/requirements.txt b/Language_Learning_Chatbot/requirements.txt
@@ -0,0 +1,2 @@
+flask
+openai
