InstaDev is an AI-powered full-stack web application generator. It allows users to prompt, run, edit, and deploy React applications instantly using a live in-browser code editor.
🌍 Live Deployment: https://instadev-rx.vercel.app
⚙️ Backend API: https://instadev-backend.onrender.com
- 🪄 AI Code Generation: Describe what you want to build (e.g., "Create a Todo App", "Create a Budget Tracker") and InstaDev will generate the full React + Tailwind code structure.
- 💻 Live Code Editor: Integrated with Sandpack for real-time preview and editing of generated React code.
- 🔐 Authentication: Secure Google OAuth login.
- 🪙 Token-Based Usage: Credit system with tiered pricing models (Basic, Starter, Pro) for generating AI applications.
- 📦 Export to ZIP: Download your completely generated React project directly as a
.zipfile. - 🎨 Modern Tech Stack: Generates code using Vite, React, Tailwind CSS, and Lucide React icons.
Frontend:
- React + Vite
- Tailwind CSS
- Redux Toolkit (State Management)
- Sandpack (Live Browser Sandbox)
- React Router
Backend:
- Node.js & Express
- MongoDB (Mongoose)
- Google Auth Library & JWT (Authentication)
- AI API Integration (Generating project structures as JSON)
- Node.js (v18+)
- MongoDB connection URI
- Google OAuth Client ID
# Install backend dependencies
cd InstaDev/backend
npm install
# Install frontend dependencies
cd ../frontend
npm install