Veľké finále: AI pomocník pre tvoj projekt

Poskladaj všetko dokopy – widget, mapu a múdry chatbot, ktorý pozná tvoj web.

Posledný kúsok: bot, ktorý pozná tvoj web

Tvoj chatbot zatiaľ vie len to, čo je v system prompte. Finálny trik: daj mu do promptu dáta z tvojho webu. Tomu hovoríme dať AI kontext:

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 },
],

Teraz bot odpovedá na skutočné otázky o tvojom projekte – a zdvorilo povie „neviem” na všetko ostatné. Presne takto sa stavajú skutočné webové AI asistenti.

Finálna výzva 💪

Dokonči inventár Vynálezcu pre projekt – všetky tri kusy spolu:

Widget s dátami z API (počasie z lekcie 3) tam, kde to dáva zmysel.
Mapa s pripináčkami (lekcia 4).
Chatbot s kontextom – napíš do promptu 5–10 skutočných faktov o tvojom webe.

🏫 Web školy – finálna úloha

Bot pozná: adresu školy, meno riaditeľa, družinu, jedáleň, termíny zápisu a 3 krúžky. Mapa ukazuje školu a widget počasia predpoveď na ďalšiu akciu. Testovacia otázka: „Until what time is after-school care?”

🙋 Osobný web – finálna úloha

Bot pozná: tvoje koníčky, obľúbené hry/knihy, čo vieš a čo sa učíš. Mapa so 3 obľúbenými miestami, widget počasia pre tvoje mesto. Testovacia otázka: „What does he/she enjoy besides programming?”

🌍 Cestovný denník – finálna úloha

Bot pozná: posledné 3 výlety (kam, kedy, čo sa stalo) a ďalší plán. Mapa všetkých výletov, widget počasia pre ďalší cieľ. Testovacia otázka: „Where did they go last and how was it?”

⚽ Web klubu – finálna úloha

Bot pozná: tréningy, ďalší zápas, káder, členské, kontakt na trénera. Mapa domáceho ihriska, widget počasia na zápas. Testovacia otázka: „When and where is the next match?”

Finálna kontrola

✅

Si hotový, keď:

Tvoj web načítava živé dáta aspoň z jedného API (počasie).
Mapa má pripináčky s popupmi.
Chatbot správne odpovedá na 5 testovacích otázok o projekte.
Bot zdvorilo odmietne otázky mimo témy.
Tajný kľúč nie je v prehliadači ani na GitHube.

Gratulujem – si Vynálezca! Tvoj web už nie je len stránka: vie sa rozprávať so svetom. Nezabudni si vyzdvihnúť certifikát.

Čo si z tejto lekcie odnášaš

Kontext v prompte = bot, ktorý pozná tvoj web a nevymýšľa si.
API + mapa + AI spolu menia web na službu, ktorú ľudia naozaj používajú.
Ďalšia zastávka: Úroveň 6 – Šéf projektu. Tvoj web si zaslúži vlastnú adresu na internete.