Großes Finale: ein AI-Helfer für dein Projekt

Setze alles zusammen – ein Widget, eine Karte und ein smarter Chatbot, der deine Website kennt.

Das letzte Stück: ein Bot, der deine Website kennt

Dein Chatbot kennt bisher nur, was im System-Prompt steht. Der letzte Trick: gib ihm die Daten deiner Website im Prompt mit. Das nennt man, der AI Kontext zu geben:

const informace = `
You are the helper for the FK Sokol Nebovidy website. Here is the information:
- Practice: Tuesday and Thursday at 5:00 PM, field behind the school
- Next match: Saturday at 10:00 AM, home game against Lipová
- Coach: Mr. Novák, contact info is on the Contacts page
- Membership fee: $60 per semester

Answer in English, briefly and in a friendly tone. When the
answer isn't in the information above, say: "I don't know that,
check the Contacts page or ask the coach."
`;

// ...in the endpoint:
messages: [
  { role: 'system', content: informace },
  { role: 'user', content: otazka },
],

Jetzt beantwortet der Bot echte Fragen zu deinem Projekt – und sagt höflich „I don’t know“ zu allem anderen. So werden echte Web-AI-Assistenten gebaut.

Finale Herausforderung 💪

Vervollständige das Erfinder-Werkzeug deines Projekts – alle drei Teile zusammen:

Ein Widget mit API-Daten (Wetter aus Lektion 3), wo es Sinn ergibt.
Eine Karte mit Markierungen (Lektion 4).
Ein Chatbot mit Kontext – schreibe 5–10 echte Fakten über deine Website in seinen Prompt.

🏫 Schulwebsite – Abschlussaufgabe

Der Bot kennt: die Schuladresse, den Namen des Schulleiters, die Zeiten der Nachmittagsbetreuung, die Mensa, Anmeldedaten und 3 AGs. Die Karte zeigt die Schule, das Wetter-Widget die Vorhersage für das nächste Event. Testfrage: „Until what time is after-school care?“

🙋 Persönliche Website – Abschlussaufgabe

Der Bot kennt: deine Hobbys, Lieblingsspiele/-bücher, was du kannst und was du lernst. Eine Karte mit 3 Lieblingsorten, ein Wetter-Widget für deine Stadt. Testfrage: „What does he/she enjoy besides programming?“

🌍 Reisetagebuch – Abschlussaufgabe

Der Bot kennt: deine letzten 3 Reisen (wohin, wann, was passiert ist) und deinen nächsten Plan. Eine Karte aller Reisen, ein Wetter-Widget für das nächste Ziel. Testfrage: „Where did they go last and how was it?“

⚽ Vereinswebsite – Abschlussaufgabe

Der Bot kennt: Trainingsplan, nächstes Spiel, Kader, Mitgliedsbeiträge, Trainerkontakt. Eine Karte des Heimplatzes, ein Wetter-Widget fürs Spiel. Testfrage: „When and where is the next match?“

Abschluss-Check

✅

Du bist fertig, wenn:

Deine Website live Daten von mindestens einer API lädt (Wetter).
Die Karte Markierungen mit Popups hat.
Der Chatbot 5 Testfragen zu deinem Projekt richtig beantwortet.
Der Bot höflich themenfremde Fragen ablehnt.
Der geheime Schlüssel weder im Browser noch auf GitHub steht.

Glückwunsch – du bist ein Erfinder! Deine Website ist nicht mehr nur eine Seite: Sie kann mit der Welt sprechen. Vergiss nicht, dein Zertifikat abzuholen.

Das nimmst du aus dieser Lektion mit

Kontext im Prompt = ein Bot, der deine Website kennt und nichts erfindet.
API + Karte + AI zusammen machen aus einer Website einen Dienst, den Menschen wirklich nutzen.
Als Nächstes: Level 6 – Projektleiter. Deine Website verdient eine eigene Adresse im Internet.