my-chatbots

🤖 My AI Chatbots

A collection of AI-powered chatbot web apps built with HTML, CSS, and JavaScript — using the Gemini API (free tier). No backend, no server, just open the file and chat!

---

🌐 Live Website

Open the link, pick a chatbot, and start chatting. That’s it!

---

🚀 Live Apps

App	Description	Link
💋 Scarlett	Flirty & charming AI companion	Open
🕵️ The Midnight Case	Noir detective RPG with riddles	Open
🔮 Daily Mystery	Personalized daily story to solve	Open

---

📁 Files

├── scarlett-chatbot-v6.html     → Flirty companion chatbot
├── detective-rpg-v1.html        → Detective RPG mystery game
├── daily-mystery-v2.html        → Daily personalized mystery
└── README.md                    → You are here

---

✨ Features

💋 Scarlett

• Flirty, playful AI companion
• Remembers conversation context
• Saves API tokens with sliding history window (last 10 messages only)
• Beautiful dark rose UI

🕵️ The Midnight Case

• Full noir detective RPG set in 1940s Ravenwood
• Solve the mystery of Lord Mourne’s death
• Riddles and puzzles woven into the story
• Animated fog effects
• Hidden 🥚 easter egg somewhere…

🔮 Daily Mystery

• Fresh story generated every day
• Fully personalized — based on your name, profession & specialty
• Casual conversation style — go off track, joke around, then solve!
• Progress tracker (0–100%)
• 3-step onboarding for personalization

---

🔑 How to Use

All three apps require a free Gemini API key.

1. Go to aistudio.google.com
2. Sign in with your Google account
3. Click “Get API Key” → “Create API key”
4. Paste the key when the app asks for it

⚠️ Your API key is never stored or sent anywhere except Google’s servers.

---

🛠️ Tech Stack

• Frontend — Pure HTML, CSS, JavaScript (no frameworks)
• AI — Google Gemini 2.5 Flash API
• Hosting — GitHub Pages (free)
• No backend, no database, no installs

---

📌 Notes

• All apps work on mobile and desktop
• API key is stored in memory only — you’ll need to re-enter it each session
• Gemini free tier gives 250–1000 requests/day depending on model
• Daily Mystery generates a new story every day based on the date

---

🧑‍💻 Built with the help of Claude (Anthropic)

“Every great detective knows — the real mystery was never the case. It was the one who dared to look.”