CodeVerse Editor is a blazing-fast, AI-integrated web IDE built entirely in the browser using Next.js App Router, WebContainers, Monaco Editor, and local LLMs via Ollama. It offers real-time code execution, an AI-powered chat assistant, and support for multiple tech stacks — all wrapped in a stunning developer-first UI.

• 🔐 OAuth Login with NextAuth – Supports Google & GitHub login.
• 🎨 Modern UI – Built with TailwindCSS & ShadCN UI.
• 🌗 Dark/Light Mode – Seamlessly toggle between themes.
• 🧱 Project Templates – Choose from React, Next.js, Express, Hono, Vue, or Angular.
• 🗂️ Custom File Explorer – Create, rename, delete, and manage files/folders easily.
• 🖊️ Enhanced Monaco Editor – Syntax highlighting, formatting, keybindings, and AI autocomplete.
• 💡 AI Suggestions with Ollama – Local models give you code completion on Ctrl + Space or double Enter. Accept with Tab.
• ⚙️ WebContainers Integration – Instantly run frontend/backend apps right in the browser.
• 💻 Terminal with xterm.js – Fully interactive embedded terminal experience.
• 🤖 AI Chat Assistant – Share files with the AI and get help, refactors, or explanations.

git clone [https://github.com/your-username/codeverse-editor.git](https://github.com/your-username/codeverse-editor.git)
cd codeverse-editor

npm install

Create a .env.local file using the template:

cp .env.example .env.local

Then, fill in your credentials in the new .env.local file:

AUTH_SECRET=your_auth_secret
AUTH_GOOGLE_ID=your_google_client_id
AUTH_GOOGLE_SECRET=your_google_secret
AUTH_GITHUB_ID=your_github_client_id
AUTH_GITHUB_SECRET=your_github_secret
DATABASE_URL=your_mongodb_connection_string
NEXTAUTH_URL=http://localhost:3000

Make sure Ollama is installed, then run:

ollama run codellama

Or use your preferred model that supports code generation.

npm run dev

Visit http://localhost:3000 in your browser.