A comedic web game where players submit outrageous recipes to provoke humorous AI chef critiques — powered by your own OpenAI key, stored only in your browser.
Ragebait Kitchen is a client-side web game that challenges players to submit the most outrageous, horrifying, and culinarily offensive recipes they can imagine — all in the hope of triggering the most brutal critique from an AI Gordon Ramsay.
The game is fully Bring Your Own Key (BYOK): your OpenAI API key never leaves your browser. All data — leaderboard entries, XP progression, and chef profiles — is stored locally in localStorage. No backend. No accounts. Just pure culinary chaos.
- 🔥 AI Judge: Submit recipes and receive Gordon Ramsay-style critiques powered by OpenAI
- 📊 Rage Score: Each submission is rated 0–100 — the higher, the more disastrous
- 🏆 Score Leaderboard: Local hall of shame ranked by rage score
- ⭐ XP & Levels: Earn XP for every submission and level up your chef profile
- 🎭 GIF Reactions: Tier-matched Gordon Ramsay GIFs react to your score in real time
- 🔑 BYOK: Your API key stays in your browser — supports OpenAI, Azure, Ollama, and any OpenAI-compatible endpoint
- 🛡️ Anti-Gaming: Jaccard similarity detection penalises near-duplicate recipe submissions
These instructions will get you a copy of the project up and running on your local machine for development.
Node.js 18.0 or later
npm
Git
Step 1: Clone the repository
git clone https://github.com/diazjhozua/ragebait-kitchen.git
cd ragebait-kitchenStep 2: Install dependencies
npm installStep 3: Start the development server
npm run devThe application will be available at http://localhost:5173
Step 4: Build for production
npm run build
npm run preview- Open the game and click Set API Key
- Paste your OpenAI API key (
sk-...) - Choose Save persistently (localStorage) or Session only (memory)
- For Azure / Ollama / custom providers, expand Advanced Options to set a custom endpoint
- Enter your chef name
- Choose a judge style (Classic Gordon, Hell's Kitchen, MasterChef, etc.)
- Write the most outrageous recipe title and ingredients/instructions you can think of
- Hit Submit and watch Gordon react
- Use a microwave when you should use an oven
- Combine cuisines that should never meet
- Replace essential ingredients with absurd substitutes
- Add chocolate or candy to savoury dishes
- Describe terrible food safety practices with full confidence
| Provider | Endpoint | Key |
|---|---|---|
| OpenAI (default) | (leave blank) | sk-... |
| Azure OpenAI | https://your-resource.openai.azure.com |
Azure key |
| Ollama (local) | http://localhost:11434 |
ollama |
| Other compatible | Any OpenAI-compatible URL | Provider key |
- Gordon Ramsay persona with multiple judge styles
- Structured response: rage score, reaction tags, reasons, and a full rant
- Retry logic with graceful fallback responses
- Safety-first prompting — food/cooking insults only, no personal attacks
- Rage scores from 0 (Michelin-worthy) to 100 (Hell's Kitchen Disaster)
- Jaccard text similarity detection compares each submission against the full leaderboard
- Duplicate-ish recipes receive automatic score penalties (5–30 points)
- Original score preserved and displayed for transparency
- Score Leaderboard: Sorted by rage score, paginated, with stats (avg, max, min)
- XP Leaderboard: Multi-chef profiles ranked by total XP earned
- Export leaderboard data as JSON
- Passcode-protected clear option
- XP earned on every submission (bonus for achievements)
- Chef levels with titles (Trainee → Culinary Demon)
- Achievement system with unlockable ingredient badges
- Level-up celebration animation
- 48 curated Gordon Ramsay GIFs from GIPHY across 4 rage tiers
- Tier-matched on every submission: mild disappointment → nuclear meltdown
- New random GIF picked on each result
- React 18 — Component-based UI library
- TypeScript — Type-safe JavaScript
- Vite — Fast build tool and dev server
- Tailwind CSS — Utility-first styling
- React Router — Client-side routing
- Zod — Runtime schema validation
- OpenAI API — AI critique engine
- GIPHY — Gordon Ramsay reaction GIFs
- @diazjhozua — GitHub Profile — Creator & Developer
See also the list of contributors who participated in this project.
- Gordon Ramsay — for being the internet's favourite culinary rage machine
- OpenAI — for making AI critiques possible
- GIPHY — for the reaction GIFs that make every verdict hit harder
- Tailwind CSS Team — for the utility-first styling that powers the Hell's Kitchen aesthetic
- The open-source community for the libraries that made this possible
Submit your worst. Gordon is waiting. 🔥