🏙️ San Diego — CREATE (CRUD Submodule 1)

Quest Chapter: The Food Route

Focus: C in CRUD — CREATE

Location: San Diego, CA ☀️🌮

Welcome! This interactive page lets learners actually create dishes, ingredients, and join records via simulated API calls — right in the browser.

🎯 San Diego Progress Tracker

🌮 Fish Tacos (Baja-style) - Incomplete

🌯 California Burrito - Incomplete

🍟 Carne Asada Fries - Incomplete

🍇 Acai Bowls - Incomplete

🥗 Baja Bowl - Incomplete

🐟 Baja Seafood - Incomplete

Completion: 0%

Fish Tacos created — +15 XP

🎉 Los Angeles Unlocked!
You can now continue to the next city!

🧠 What Does CREATE Mean?
- In databases, CREATE = inserting new records (e.g., dishes, ingredients, or join rows).
- On the web, a client form sends a POST /api/dishes request.
- The server creates:
  - a new dish record,
  - any missing ingredient entries, and
  - dish_ingredients join records — ideally inside a single transaction (all succeed or all fail).
- Analogy: your database is like a kitchen pantry. Adding a dish = adding a recipe card and ensuring all the required ingredients already exist in the pantry.

%% Interactive: Mock Backend & Utilities

Initialization: Resets mock DB (localStorage) — use this to start fresh.

Terminal: ready

🌮 Fish Tacos (Baja-style) CREATE

Create a Fish Taco class with properties (id, fishType, toppings, sauce, price, spiceLevel) and method calculateTotalPrice() with 8% tax. Validate fishType is required.

// Fish Tacos (Baja-style) - CREATE operation
class FishTaco {
  constructor(id, fishType, toppings = [], sauce, price = 0, spiceLevel = 1) {
    if (!fishType) throw new Error("Fish type is required for authentic Baja tacos");
    this.id = id;
    this.fishType = fishType;
    this.toppings = Array.isArray(toppings) ? toppings : [];
    this.sauce = sauce || "chipotle crema";
    this.price = Number(price) || 12.99;
    this.spiceLevel = Math.max(1, Math.min(5, Number(spiceLevel) || 1));
  }

  calculateTotalPrice() {
    // Add 8% tax, round to 2 decimals
    return Math.round((this.price * 1.08) * 100) / 100;
  }

  addTopping(topping) {
    if (topping && !this.toppings.includes(topping)) {
      this.toppings.push(topping);
    }
  }
}

// CREATE example - Fresh Baja fish taco
const bajaTaco = new FishTaco("ft1", "mahi-mahi", 
  ["cabbage slaw", "pico de gallo", "lime"], 
  "baja sauce", 13.50, 2);

console.log("🌮 Created Fish Taco:", bajaTaco);
console.log("📊 Total with tax:", "$" + bajaTaco.calculateTotalPrice().toFixed(2));
console.log("🌶️ Spice level:", bajaTaco.spiceLevel + "/5");

// Mark task as complete
completeTask('fishtacos');

🧩 Quick Quiz:

1️⃣ Why validate fishType in the constructor?

It improves performance
It enforces data integrity
It adds toppings automatically

🌯 California Burrito CREATE

Implement CaliforniaBurrito class with properties (id, protein, hasFries, size, extras, price) and method calculateCalories(). Fries are what make it "California style"!

// California Burrito - CREATE with validation
class CaliforniaBurrito {
  constructor(id, protein, hasFries = true, size = "regular", extras = [], price = 0) {
    if (!protein) throw new Error("Protein is required for California burrito");
    this.id = id;
    this.protein = protein;
    this.hasFries = hasFries; // What makes it "California style"
    this.size = size; // small, regular, large
    this.extras = Array.isArray(extras) ? extras : [];
    this.price = Number(price) || 10.99;
    this.createdAt = new Date().toISOString();
  }

  calculateCalories() {
    let baseCalories = 650; // Base burrito
    if (this.hasFries) baseCalories += 200; // Fries add calories
    if (this.size === "large") baseCalories += 150;
    if (this.size === "small") baseCalories -= 100;
    baseCalories += this.extras.length * 50; // Each extra = 50 cal
    return baseCalories;
  }

  addExtra(extra) {
    if (extra && !this.extras.includes(extra)) {
      this.extras.push(extra);
      this.price += 1.50; // Each extra costs more
    }
  }
}

// CREATE a classic California burrito
const caliBurrito = new CaliforniaBurrito("cb1", "carne asada", true, "large", 
  ["guacamole", "sour cream"], 12.99);

console.log("🌯 Created California Burrito:", caliBurrito);
console.log("🔥 Calories:", caliBurrito.calculateCalories());
console.log("💰 Price with extras:", "$" + caliBurrito.price.toFixed(2));

// Mark task as complete
completeTask('burrito');

🧩 Quick Quiz:

1️⃣ What makes a burrito "California style"?

Having french fries inside
Being made in California
Using avocado

🍟 Carne Asada Fries CREATE

Build a CarneAsadaFries class with properties (id, friesType, meatPortion, toppings, cheeseType, price) and method isLoaded() that checks if it has at least 3 toppings.

// Carne Asada Fries - CREATE loaded fries
class CarneAsadaFries {
  constructor(id, friesType = "seasoned", meatPortion = "regular", toppings = [], cheeseType = "cheddar", price = 0) {
    this.id = id;
    this.friesType = friesType;
    this.meatPortion = meatPortion; // light, regular, extra
    this.toppings = Array.isArray(toppings) ? toppings : [];
    this.cheeseType = cheeseType;
    this.price = Number(price) || 14.99;
    this.isShareable = this.meatPortion === "extra";
  }

  isLoaded() {
    // "Loaded" fries have at least 3 toppings
    return this.toppings.length >= 3;
  }

  addTopping(topping) {
    if (topping && !this.toppings.includes(topping)) {
      this.toppings.push(topping);
      this.price += 0.75; // Each topping costs extra
    }
  }

  calculateWeight() {
    // Estimate weight in oz
    let weight = 12; // Base fries
    if (this.meatPortion === "extra") weight += 6;
    else if (this.meatPortion === "regular") weight += 4;
    weight += this.toppings.length * 1.5;
    return Math.round(weight * 10) / 10;
  }
}

// CREATE fully loaded carne asada fries
const loadedFries = new CarneAsadaFries("caf1", "crispy", "extra", 
  ["guacamole", "sour cream", "pico de gallo", "jalapeños"], 
  "mexican blend", 16.99);

console.log("🍟 Created Carne Asada Fries:", loadedFries);
console.log("🔥 Is loaded?", loadedFries.isLoaded());
console.log("⚖️ Estimated weight:", loadedFries.calculateWeight() + " oz");
console.log("💰 Final price:", "$" + loadedFries.price.toFixed(2));

// Mark task as complete
completeTask('fries');

🧩 Quick Quiz:

1️⃣ What makes fries "loaded" in this implementation?

Extra meat portion
Special cheese type
At least 3 toppings

🍇 Acai Bowls CREATE

Create an AcaiBowl class with properties (id, size, baseIngredients, toppings, granola, price) and methods calculateNutritionScore() and isHealthy().

// Acai Bowl - CREATE healthy option
class AcaiBowl {
  constructor(id, size = "regular", baseIngredients = [], toppings = [], granola = true, price = 0) {
    this.id = id;
    this.size = size; // small, regular, large
    this.baseIngredients = Array.isArray(baseIngredients) ? baseIngredients : ["acai", "banana"];
    this.toppings = Array.isArray(toppings) ? toppings : [];
    this.granola = granola;
    this.price = Number(price) || 11.99;
    this.isVegan = this.checkVegan();
  }

  calculateNutritionScore() {
    let score = 0;
    // Base ingredients contribute to health score
    score += this.baseIngredients.length * 10;
    // Healthy toppings boost score
    const healthyToppings = ["blueberries", "strawberries", "coconut", "chia seeds", "hemp hearts"];
    this.toppings.forEach(topping => {
      if (healthyToppings.includes(topping.toLowerCase())) score += 15;
      else score += 5;
    });
    if (this.granola) score += 10;
    return score;
  }

  isHealthy() {
    return this.calculateNutritionScore() >= 50;
  }

  checkVegan() {
    const nonVegan = ["honey", "yogurt", "whey protein"];
    return !this.toppings.some(t => nonVegan.includes(t.toLowerCase()));
  }

  addTopping(topping) {
    if (topping && !this.toppings.includes(topping)) {
      this.toppings.push(topping);
      this.price += 1.25;
    }
  }
}

// CREATE a superfood acai bowl
const superBowl = new AcaiBowl("ab1", "large", 
  ["acai", "banana", "mango"], 
  ["blueberries", "chia seeds", "coconut", "hemp hearts"], 
  true, 14.99);

console.log("🍇 Created Acai Bowl:", superBowl);
console.log("💪 Nutrition score:", superBowl.calculateNutritionScore());
console.log("🥗 Is healthy?", superBowl.isHealthy());
console.log("🌱 Is vegan?", superBowl.isVegan);

// Mark task as complete
completeTask('acai');

🧩 Quick Quiz:

1️⃣ What determines if an acai bowl is "healthy" in this code?

If it's vegan
If nutrition score >= 50
If it has granola

🥗 Baja Bowl CREATE via API

Use the form to CREATE a Baja Bowl via our mock API! Fill in the details and make a POST request to simulate database insertion.

Bowl Name Base Type Protein Calories Baja Bowl Ingredients

No ingredients yet

🐟 Baja Seafood CREATE Collection

Create a collection of Baja seafood dishes and bulk insert them into the database using POST /api/dishes/bulk

🧩 Quick Quiz:

1️⃣ What's the main benefit of bulk CREATE operations?

They use less memory
They're always faster
They reduce network requests

🎉 Module Complete — San Diego CREATE Mastery

Congratulations! You’ve mastered CREATE operations through San Diego’s finest foods:

🌮 Fish Tacos: Class creation with validation
🌯 California Burrito: Complex object construction
🍟 Carne Asada Fries: Method-based data validation
🍇 Acai Bowls: Health scoring algorithms
🥗 Baja Bowl: API form submission
🐟 Baja Seafood: Bulk creation operations

Los Angeles — READ module unlocked! 🌆 Continue to learn querying and data retrieval!

Create Microblog Post

Reply to Post

🏙️ San Diego — CREATE (CRUD Submodule 1)

🍽️ Your Selected San Diego Foods

🎯 San Diego Progress Tracker

%% Interactive: Mock Backend & Utilities

🎉 Module Complete — San Diego CREATE Mastery