SenangWebs Chatbot

Comprehensive Examples & Demos

Recommended Learning Path

1

Start with Basic Chatbot

Learn keyword matching and basic configuration

2

Try Chat History

Understand session persistence

3

Get OpenRouter API Key

Sign up at openrouter.ai

4

Test AI-Only Mode

Experience AI-powered conversations

5

Explore Hybrid Mode

Best of both worlds - keywords + AI

6

Setup Secure Proxy

Prepare for production deployment

Basic Examples

Start here if you're new to SenangWebs Chatbot

01. Simple Keyword-Based Chatbot

Traditional FAQ chatbot - No API required

Difficulty: Beginner • No API Key

AI-Powered Chatbots

OpenRouter API integration for AI-powered conversations

01. AI-Only Mode

Pure AI responses with real-time streaming

Difficulty: Intermediate • API Key Required

02. Hybrid Mode

Smart routing: Keywords for common queries, AI for everything else

Difficulty: Intermediate • API Key Required

03. Interactive Testing Page

Test different models and parameters in real-time

Difficulty: Advanced • API Key Required

04. Secure Proxy Setup 🔐

Production-ready security with server-side proxy

Difficulty: Advanced • For Production Use

Advanced Features

Explore advanced functionality and customization

01. Chat History Management

Save, load, export, and import conversation history

Difficulty: Intermediate • No API Key

02. External Knowledge Base

Load FAQ data from external JSON files

Difficulty: Intermediate • No API Key

Proxy Server Implementations

Production-ready server-side proxies for API security

Node.js/Express Proxy

Full-featured proxy with streaming support

proxy-servers/proxy-nodejs.js

PHP Proxy

Simple proxy for shared hosting

proxy-servers/proxy-php.php

Cloudflare Workers

Serverless edge computing solution

proxy-servers/proxy-cloudflare-worker.js

📖 Documentation: See proxy-servers/README.md for complete setup instructions