Veliko finale: AI pomoćnik za tvoj projekt

Spoji sve zajedno – widget, kartu i pametni chatbot koji poznaje tvoju web stranicu.

Zadnji komad: bot koji poznaje tvoju web stranicu

Tvoj chatbot do sada zna samo što je u system promptu. Završni trik: daj mu podatke svoje web stranice u prompt. To se zove davanje AI-ju konteksta:

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

Sada bot odgovara na prava pitanja o tvom projektu – i pristojno kaže “ne znam” na sve ostalo. Tako se grade pravi web AI asistenti.

Završni izazov 💪

Dovrši Izumiteljev alat za svoj projekt – sva tri dijela zajedno:

Widget s API podacima (vrijeme iz lekcije 3) gdje ima smisla.
Karta s oznakama (lekcija 4).
Chatbot s kontekstom – u prompt upiši 5–10 pravih činjenica o svojoj web stranici.

🏫 Web stranica škole – završni zadatak

Bot zna: adresu škole, ime ravnatelja, vrijeme produženog boravka, kantinu, datume upisa i 3 kruga. Karta prikazuje školu, a widget s vremenom prognozu za sljedeći događaj. Test pitanje: „Do koliko sati traje produženi boravak?“

🙋 Osobna web stranica – završni zadatak

Bot zna: tvoje hobije, omiljene igre/knjige, što znaš i što učiš. Karta s 3 omiljena mjesta, widget s vremenom za tvoj grad. Test pitanje: „Što voli osim programiranja?“

🌍 Putni dnevnik – završni zadatak

Bot zna: zadnja 3 putovanja (gdje, kad, što se dogodilo) i sljedeći plan. Karta svih putovanja, widget s vremenom za sljedeće odredište. Test pitanje: „Kamo su zadnji put otišli i kako je bilo?“

⚽ Web stranica kluba – završni zadatak

Bot zna: raspored treninga, sljedeću utakmicu, popis igrača, članarinu, kontakt trenera. Karta domaćeg terena, widget s vremenom za utakmicu. Test pitanje: „Kad i gdje je sljedeća utakmica?“

Završna provjera

✅

Gotovo si kad:

Tvoja web stranica učitava užive podatke iz barem jednog API-ja (vrijeme).
Karta ima oznake s popupima.
Chatbot ispravno odgovara na 5 testnih pitanja o tvom projektu.
Bot pristojno odbija pitanja izvan teme.
Tajni ključ nije u pregledniku ni na GitHubu.

Čestitamo – ti si Izumitelj! Tvoja web stranica više nije samo stranica: može razgovarati sa svijetom. Ne zaboravi preuzeti svoju diplomu.

Što ćeš ponijeti iz ove lekcije

Kontekst u promptu = bot koji poznaje tvoju web stranicu i ne izmišlja.
API + karta + AI zajedno pretvaraju web stranicu u uslugu koju ljudi stvarno koriste.
Sljedeća stanica: Razina 6 – Šef projekta. Tvoja web stranica zaslužuje vlastitu adresu na internetu.