Studio Forge

• 

  Signin with your credentials

• 

  dashboard welcomes you

• 

  you will have all your projects on the dashboard

• 

  Prompt and generate you dream website, simple, editable, modern and smooth

• 

  here is an example

I've always been frustrated watching non-technical people struggle to get a simple website live. They either wait weeks for a developer or settle for rigid drag-and-drop templates. I wanted to answer one question: what if you could just describe what you want, and it appeared?

The rise of large language models made that question finally answerable. Studio Forge was born from the belief that the gap between an idea and a live website should be measured in seconds, not sprints.

What I Built Studio Forge is a full-stack AI website builder where you type a prompt and receive a complete, multi-page, modern website — with real HTML, Tailwind CSS, and JavaScript — instantly previewed in your browser and shareable via a public link.

Key features:

🤖 AI generation via Groq (llama-3.3-70b-versatile) with per-category design systems 🎨 Live code editor (Monaco) with instant preview 🔐 JWT authentication — projects persist across devices 🔗 Shareable public URLs for every project 🌗 Dark/light mode with CSS variable-based theming

What I Learned The hardest part of AI products isn't the AI — it's the prompt contract: defining exactly what shape of output you need and engineering the system to enforce it reliably.

Built With

• express.js-database:-mongodb
• languages:-javascript
• llama-3.3-70b-versatile-auth:-json-web-tokens-(jwt)
• monaco-editor-backend:-node.js
• mongoose-ai-/-apis:-groq-api
• react
• tailwind-css
• typescript-frontend:-next.js-14