Full Stack AI Code Editor | Next.js, Monaco Editor, WebContainers & Prisma
🚀 VibeCode Editor is a full-stack AI-powered online code editor that provides a seamless browser-based development experience.
Built using modern web technologies, the application enables users to write, edit, execute, and preview code directly in the browser with an IDE-like interface.
✨ Features
• Secure Authentication (Google & GitHub OAuth)
• Project Dashboard
• Monaco Editor Integration
• Multi-file Code Editing
• Browser-based Code Execution using WebContainers
• Integrated Terminal (Xterm.js)
• Live Preview
• Responsive Modern UI
• MongoDB Database Integration
• Prisma ORM
• Dark Mode Support
🛠 Tech Stack
Frontend
• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• Base UI
• Radix UI
Backend
• Next.js Server Actions
• Prisma ORM
• MongoDB
Authentication
• Auth.js (NextAuth v5)
• Google OAuth
• GitHub OAuth
Developer Tools
• Monaco Editor
• WebContainers API
• Xterm.js
• Zustand
🔗 GitHub Repository
https://github.com/Gysum/Vibe-code-ed...
📩 Connect with me
GitHub
https://github.com/Gysum
LinkedIn
/ aakash-pathrikar
⭐ If you enjoyed this project, don't forget to Like, Share, and Subscribe!
#NextJS #React #TypeScript #WebDevelopment #FullStack #MonacoEditor #WebContainers #Prisma #MongoDB #OpenSource #JavaScript #Programming