McAymanAI

I'm Currying It.™

Current AI Mood: Happy 🟢
✅ 100% Halal Certified

🐔 NEW PARTNERSHIP! 🐔

McAymanAI has officially partnered with Milo's Chester Chicken! Enjoy our exclusive new items below.

Visit Milo's Chester Chicken Collab Tab ➔

🐔 Milo's Chester Chicken Collab 🐔

Exclusive crispy goodness bundled straight from Chester's farm!

🛒 Cart Status: 0 items ($0.00)

Chester Chicken Bucket

Milo's secret recipe. 12 pieces of crispy chicken with a side of gravy and signature spicy dust.

$16.99

Milo's Tender Wrap

Crispy breaded Chester chicken tenders with fresh lettuce and hot spicy mayo wrapped in a toasted tortilla.

$8.99

Honey Biscuits (4pc)

Four warm, flaky buttermilk biscuits glazed with wild honey and sweet churned butter.

$4.99

Chester Spicy Fries

Large portion of skin-on fries coated in a premium cayenne and paprika seasoning blend.

$4.49

🔥 How to Order

Add items using the buttons above, or switch to the Main App and ask the McAymanAI chatbot directly! The AI can suggest combinations, calculate calorie counts, and even apply secret discount codes.

📜 Presentation, Layout & Legal Notice 📜

Interactive documents, project design slides, and privacy disclosures.

📁 Project Presentation

Slide 1 of 4

🗺️ 1. Project Wireframe Layout

This application implements a three-pane grid structure designed for desktop monitors while remaining responsive on smaller screens. It features a left-side navigation and control pane, a centered chat interface, and a right-side checkout drawer.

Top Navbar (Nav Links, Brand, Reset)
Sidebar (Spice select, Rewards)
Chat area (Welcome grid & messages)
Cart Sidebar (Toggles, Tip, Total)
Footer / Status line

🎨 2. Style Mood Board

The visual branding brings together classic McDonald's Red and Gold with clean, dark-mode elements from ChatGPT. Below are the core tokens used in the application:

Colors

McDonalds Red (#db0007)
McDonalds Gold (#ffc72c)
ChatGPT Dark (#202123)

Typography

Font Family: 'Inter', sans-serif

Focuses on high legibility, clean weights, and prominent headers.

⚙️ 3. State Management & Minigames

State in McAymanAI is handled reactively using pure vanilla JS. The user is awarded Curry Points upon ordering, and spice level surcharges are computed dynamically. Standard local storage caching saves your preferences between sessions.

🎮 Minigames Breakdown

  • Spice Roulette: Win 100% off delivery fees or pay a 2x charge on them.
  • Price Dice: Roll a dice to multiply your subtotal (1x to 6x risk!).
  • Coin Toss (Rounds): Toss coins across rounds to decrease/increase bill by 5%.

🌐 4. Standalone Embed Strategy

To support hosting inside Google Sites' strict sandbox, a custom build script encodes stylesheet files, script assets, and local images (robot, thumbs) into inline base64 strings, outputting a single standalone HTML file with zero dependencies.

$ node build-embed.js
[OK] Reading index.html...
[OK] Embedding style.css & script.js...
[SUCCESS] Standalone file generated: mcayman-ai-embed.html (103 KB)

📊 Flavor Popularity Demand Chart

Hover bars to see sales percentage. Click to vote for your favorite!
15%
Mild 🥛
25%
Medium 🌶️
45%
Spicy 🔥
10%
Inferno 🌋
5%
Other 👑

⚖️ Legal Notice & Privacy Disclosures DPA Compliant

1. Terms & Conditions

McAymanAI is an AI-powered simulation concept designed solely for entertainment and portfolio demonstration purposes. All menus, items, orders, point tallies, and discounts are fictional and do not represent actual commercial offerings or delivery requests. No actual monetary transactions take place.

2. Data Protection Act (DPA) Privacy Notice

In compliance with modern Data Protection regulations, we outline the following disclosures regarding user data:

  • What we store: We cache your active cart contents, total loyalty Curry Points, first-time order status (VIP flag), and selected interface theme.
  • Where we store it: All data is stored purely locally inside your browser's localStorage database sandbox.
  • No transmission: No user data is sent, uploaded, or transmitted to any remote servers. The application is completely local and sandboxed.
  • Your Rights: You have the absolute right to view, modify, or erase all local state information. You can do this at any time by clicking the Reset button below.

Clicking below will clear all localStorage cache and restore the app to default settings.