AI Products Are API Systems

Before You Study (5 mins)

Lesson focus: ChatGPT feels like magic, but it's actually just two things: A nice website (Frontend) and a smart computer it talks to (API). Today, you will talk to that smart computer directly.

What you should have ready:

• A Google Cloud / Gemini API Key (We'll get this together if needed)
• Your code editor

Quick Concepts

Think About

Before studying, consider:

1. When you type into ChatGPT, where does your text go?
2. If ChatGPT is just a website, could you build a website that talks to the same AI? (Yes!)

By the End

After this lesson, you'll:

• ✅ Demystify "AI Magic"
• ✅ Make your first real AI API call
• ✅ Realize you can build your own ChatGPT

Let's look behind the curtain! 🎭

What We Learned

• The Architecture:[You] -> [Website] -> [API] -> [AI Model]
• The Secret: The power isn't in the app; it's in the Model (Gemini/OpenAI).
• API Key: The password that lets your code talk to the AI.
• Your Power: You now have access to the same intelligence that powers billion-dollar companies.

Key Code Snippet

// Calling Gemini API
const model = genAI.getGenerativeModel({ model: "gemini-pro" });
const result = await model.generateContent("Tell me a joke about snakes");
const response = await result.response;
const text = response.text();
console.log(text);

Checklist

• I got my API Key
• I wrote a script to call Gemini
• I printed an AI response to my console
• I realized "I can build anything with this"

Quick Quiz

Q1: What is the "Brain" of ChatGPT?

• A) The nice website design
• B) The AI Model (API) ✓
• C) The logout button

Q2: What do you need to talk to the AI API?

• A) A secret handshake
• B) An API Key ✓
• C) A supercomputer

Q3: Can you use this API in your own apps?

• A) Yes, absolutely ✓
• B) No, it's illegal
• C) Only on Tuesdays

Bonus Challenge

Ask the AI to generate a name for your Snake Game. Keep running the script until you find one you love!

Next Lesson

Lesson 12: Frontend + Backend — The Full Picture

You'll learn: How to organize your code like a professional tech company (Google/Netflix style).

You have the power of AI now! ⚡