🚀 SrijanAI – AI-Powered Website Generator

SrijanAI is an AI-powered platform that transforms natural language prompts into modern, responsive websites. Users can describe their ideas in plain English, generate production-ready code, preview the result instantly, edit it using an integrated code editor, and deploy their websites—all from a single interface.

🌐 Live Demo: https://srijanai-1.onrender.com/

---

✨ Features

• 🤖 AI-powered website generation from natural language prompts
• 💬 Interactive AI chat assistant
• ⚡ Live website preview
• 📝 Built-in Monaco code editor
• 🚀 One-click website deployment
• 📊 Analytics dashboard for deployed projects
• 📂 Project management dashboard
• 🔐 Secure authentication with Firebase
• 💳 Stripe subscription & billing
• 📱 Fully responsive modern UI
• ☁️ Cloud-based project storage

---

🛠 Tech Stack

Frontend

• React.js
• Tailwind CSS
• React Router
• Monaco Editor

Backend

• Node.js
• Express.js
• Firebase Authentication
• OpenRouter API

Database

• MongoDB

Payments

• Stripe

Deployment

• Render
• Vercel

---

📸 Screenshots

Add screenshots of:

• Landing Page
• AI Chat Interface
• Code Editor
• Live Preview
• Dashboard

---

🚀 Getting Started

Clone the Repository

git clone https://github.com/Adarsh-ctrll/SrijanAI.git
cd SrijanAI

Install Dependencies

npm install

Configure Environment Variables

Create a .env file:

OPENROUTER_API_KEY=your_api_key
MONGODB_URI=your_mongodb_uri
FIREBASE_CONFIG=your_firebase_config
STRIPE_SECRET_KEY=your_stripe_key

Start the Application

npm run dev

---

📂 Project Structure

SrijanAI/
├── client/
├── server/
├── public/
├── src/
├── README.md
└── package.json

---

🎯 Key Highlights

• AI-powered website generation
• Real-time code editing
• Instant website preview
• Secure authentication
• Subscription-based access
• Responsive UI
• Clean component-based architecture

---

🔮 Future Enhancements

• 🤝 Team collaboration & shared workspaces
• 🎨 Drag-and-drop visual editor
• 🧠 Support for multiple AI models (GPT, Claude, Gemini)
• 📱 Progressive Web App (PWA)
• 🌍 Multi-language support
• 📚 AI template marketplace

---

👨‍💻 Author

Adarsh Kumar

• 🌐 Portfolio: https://adarsh-portfolio-sage.vercel.app/
• 💼 LinkedIn: https://www.linkedin.com/in/adarshkumar-aspire/
• 💻 GitHub: https://github.com/Adarsh-ctrll

---

⭐ Support

If you found this project helpful, please consider giving it a ⭐ on GitHub.