Website Builder - Copy this React, Tailwind Component to your project
"Generate a full-stack web-based IDE using React.js (Next.js or Vite) for the frontend and Node.js with Express for the backend. The application should have the following features: Frontend (React.js + TailwindCSS) File Manager: Create, rename, delete, and open files dynamically. Organize files in a virtual folder structure. Support frontend files (HTML, CSS, JS) and backend files (Python, C++, Java, TypeScript, etc.). Code Editor (CodeMirror / Monaco Editor): Provide syntax highlighting and auto-completion. Detect and switch languages dynamically. Support multiple programming languages: HTML, CSS, JavaScript, TypeScript, Python, C++, Java, Rust, Go, PHP, and more. Implement tabs to allow multiple files open at once. Live Preview (For Frontend Files) Instantly render HTML/CSS/JS inside an iframe. Auto-refresh on code changes. Handle errors gracefully and display debugging messages. Execution for Backend Languages: Connect to the backend to run Python, C++, Java, TypeScript, and Go code. Display real-time output/errors in a terminal-like window. UI/UX: Modern design with TailwindCSS. Dark mode support. Resizable panes for Editor, File Manager, and Preview. Backend (Node.js + Express.js) File Management API: Handle file creation, deletion, and updates. Store files in a structured manner (e.g., /projects/{user_id}/filename). Code Execution Engine: Execute backend languages securely in an isolated environment. Use Docker/Sandboxing to prevent security risks. Handle input/output and return results in real-time. Database Integration (MongoDB/PostgreSQL): Store user projects, files, and session history. Allow users to save and reload projects. Additional Features AI Code Assistant: Provide AI-powered code suggestions (integrate Llama 3.2). Authentication: User login with JWT (if multi-user support is needed). Deployment: Deploy on Vercel (Frontend) + Railway/Fly.io (Backend). The system should work like v0.dev but with full frontend & backend support. Ensure smooth real-time updates and responsive UI."
