Claude‑quickstart Chatbot Clone (Python)

# 1️⃣ Create project directory and enter it
mkdir claude_chat_clone && cd claude_chat_clone

# 2️⃣ Set up a virtual environment (Python 3.10+ required)
python3 -m venv venv
source venv/bin/activate

# 3️⃣ Upgrade pip and install Flask
pip install --upgrade pip
pip install Flask

# 4️⃣ Optional helper to launch the server
cat > run.sh <<'EOF'
#!/usr/bin/env bash
source venv/bin/activate
python app.py
EOF
chmod +x run.sh

# 5️⃣ Verify installation
python -c "import flask, sys; print('Flask version:', flask.__version__)"

from flask import Flask, request, jsonify, render_template_string

app = Flask(__name__)

# ---- Mock LLM ---------------------------------------------------
def mock_claude(prompt: str) -> str:
    """Return a deterministic reply that mimics Claude's style.
    In a real implementation you would call Anthropic's API here.
    """
    return f"Claude says: {prompt.strip()}"

# ---- Simple HTML UI --------------------------------------------
HTML_UI = """
<!doctype html>
<html lang='en'>
  <head><title>Claude‑quickstart Clone</title></head>
  <body>
    <h2>Chat with Mock Claude</h2>
    <form method='post' action='/chat'>
      <input name='msg' placeholder='Your message' size='40'/>
      <button type='submit'>Send</button>
    </form>
    {% if response %}<p><strong>Response:</strong> {{ response }}</p>{% endif %}
  </body>
</html>
"""

# ---- Routes -----------------------------------------------------
@app.route('/')
def index():
    return render_template_string(HTML_UI)

@app.route('/chat', methods=['POST'])
def chat():
    user_msg = request.form.get('msg', '')
    reply = mock_claude(user_msg)
    return render_template_string(HTML_UI, response=reply)

if __name__ == '__main__':
    # Run on localhost:5000 for quick testing
    app.run(debug=True)

from flask import Flask, request, jsonify, render_template_string
import time

app = Flask(__name__)

# Mock Claude function – simply prefixes the input
def mock_claude(message: str) -> str:
    time.sleep(0.2)  # simulate latency
    return f"Claude says: {message.capitalize()}"

# HTML UI – minimal but functional
HTML_PAGE = """
<!doctype html>
<html lang='en'>
<head><meta charset='utf-8'><title>Claude‑quickstart Clone</title></head>
<body>
<h2>Chat with Mock Claude</h2>
<div id='chat' style='margin-bottom:1em;'></div>
<input id='msg' type='text' placeholder='Type a message' style='width:70%'>
<button onclick='send()'>Send</button>
<script>
async function send(){
  const txt=document.getElementById('msg').value;
  const resp=await fetch('/chat',{
    method:'POST',
    headers:{'Content-Type':'application/json'},
    body:JSON.stringify({message:txt})
  });
  const data=await resp.json();
  const chat=document.getElementById('chat');
  chat.innerHTML+=`<p><b>You:</b> ${txt}</p><p><b>Claude:</b> ${data.reply}</p>`;
  document.getElementById('msg').value='';
}
</script>
</body>
</html>
"""

@app.route('/')
def index():
    return render_template_string(HTML_PAGE)

@app.route('/chat', methods=['POST'])
def chat():
    payload = request.get_json()
    user_msg = payload.get('message', '')
    reply = mock_claude(user_msg)
    return jsonify({'reply': reply})

if __name__ == '__main__':
    app.run(debug=True)

python app.py

# Append to the previous app.py – add after imports
import sqlite3

# Initialize SQLite DB (run once)
conn = sqlite3.connect('chatlog.db')
cur = conn.cursor()
cur.execute('CREATE TABLE IF NOT EXISTS logs(id INTEGER PRIMARY KEY AUTOINCREMENT, user TEXT, bot TEXT, ts DATETIME DEFAULT CURRENT_TIMESTAMP)')
conn.commit()
conn.close()

# Modified mock_claude to also store the exchange
def mock_claude(message: str) -> str:
    reply = f"Claude says: {message.capitalize()}"
    # Persist to SQLite
    conn = sqlite3.connect('chatlog.db')
    cur = conn.cursor()
    cur.execute('INSERT INTO logs(user, bot) VALUES(?,?)', (message, reply))
    conn.commit()
    conn.close()
    return reply