Da jeg gik i gang med at lave mit projekt startede jeg med at sætte op React og Vite til at lave en almindelig React hjemmeside.
Efter det begyndte jeg at indsætte input feltet, tekst boxen og knappen.
Efter det begyndte jeg at bruge AI. Jeg startede med at lave et dokument med instruktionerne for hvad jeg gerne ville udvikle. Efter det bad jeg Codex læse filerne og begynde at lave koden nødvendig for at sende noget til en AI og modtage det.
Den originale plan var at bruge Dify siden det kan lade os bruge deres Knowledge til at holde promten og viden den arbejder fra adskilt, men desværre løb jeg tør for tokens under testing, så nu har jeg rykket til at bruge Google Gemini.
Måden det nu fungere er at jeg har to markdown filer, en er dens instruktioner om hvad den skal gøre og den anden er hvad priserne på forskellige ting. Jeg bad AI om at skabe en prisliste og tage et kig på min instruktion fil, for at se om den kunne gøre det mere specifikt.
Jeg gav også et link af E.G’s hjemmeside til AI og bad den ændre App.css for at gøre stilen mere i samme udseende som E.G’s hjemmeside.
Så ja jeg fik AI’en til at lave både backend og en del af frontend.
Så det endelige produkt er en hjemmeside, hvor man kan indsætte kundens email besked om spørgsmål på priser. Efter man trykker på send knappen bliver det sendt til AI’en sammen med de to markdown filer. Gemini læser instruktionerne, prislisten og kundens spørgsmål og skaber teksten, der så bliver sendt tilbage til mig så koden kan indsætte det i tekstboksen for Johan at læse, copy paste og justere før de sender det til deres kunder.
Her er linket til hjemmesiden: https://four-semester-valgfag-ai-drevet.onrender.com