Jednoduchý AI nástroj na návrh webstránky z textového zadania. Postavené na React (frontend) a ASP.NET Core (backend) s využitím OpenAI GPT-4.
-
Nainštaluj závislosti:
dotnet restore
-
Pridaj API kľúč do
appsettings.json:{ "OpenAI": { "ApiKey": "YOUR_OPENAI_API_KEY" } } -
Spusti server:
dotnet run
-
Nainštaluj závislosti:
npm install
-
Spusti vývojový server:
npm run dev
-
Uprav
vite.config.tsak treba proxy k backendu (napr.localhost:5000)
- POST
/api/generate - Body:
{ "prompt": "Web pre výrobcu nábytku" } - Response:
{ html: "<html>...</html>" }
- 📝 Zadanie popisu webu (textarea)
- 💡 AI vygeneruje HTML + CSS + texty + obrázky (alt text)
- 🎨 Náhodné, ale ladiace farby
- 🔁 Fallback HTML ak AI výstup zlyhá
- ASP.NET Core 8 Web API
- React + TailwindCSS + shadcn/ui
- OpenAI GPT-4 API
- Axios, Framer Motion
MIT