⚡ MasyncAI - Transform Ideas into Websites

---

MasyncAI is a dynamic web-based platform where you can generate complete websites from simple prompts.
Enter your idea ➝ Get a fully functional website generated by LLM ➝ See it running with StackBlitz WebContainer ➝ Make edits in real-time ➝ Download the complete source code as a ZIP.

---

🚀 Features

🧠 Prompt to Website

• Enter a natural language prompt like "create an e-commerce homepage" and watch as Gemini LLM generates the complete website code.

⚡ Live Website Preview

• Your generated website instantly comes to life in the browser using StackBlitz WebContainer.
• No deployments or server setups needed.

✍️ Code Editor

• Built-in editor lets you tweak and refine your website code with real-time updates.

📦 Download ZIP

• Export the complete project as a ZIP file to continue development in your preferred environment.

📁 Step View

• View a detailed breakdown of your website's components and understand how they work together.

---

💻 Tech Stack

Category	Technology
Frontend	React, TypeScript, TailwindCSS
Animations	Framer Motion
Backend	Express.js
AI Integration	Google Gemini API
Live Preview	StackBlitz WebContainer
Env	.env for Gemini API key

---

📥 Installation

1. Clone the repository

   git clone https://github.com/Sohail52/MasyncAI.git
   cd MasyncAI

2. Install dependencies

   • For frontend:

     cd frontend
     npm install

   • For backend:

     cd backend
     npm install

3. Setup environment variables

   • In the backend directory, create a .env file:

     GEMINI_API_KEY=your-google-gemini-api-key
     

4. Run the project

   • Start the backend:

     cd server
     npm run start

   • Start the frontend:

     cd client
     npm run dev

---