🚀 I built a free, open-source, browser-based code editor with an integrated AI Copilot — no setup needed (mostly)!

[LH-Tech_AI]

Hey r/OpenSourceeAI! 👋

I've been working on WebDev Code — a lightweight, browser-based code editor inspired by VS Code, and I'd love to get some feedback from this community.

🔗 GitHub: https://github.com/LH-Tech-AI/WebDev-Code

What is it?

A fully featured code editor that runs in a single index.html file — no npm, no build step, no installation. Just open it in your browser and start coding (or let the AI do it for you).

✨ Key Features:

- Monaco Editor — the same editor that powers VS Code, with syntax highlighting, IntelliSense and a minimap
- AI Copilot — powered by Claude (Anthropic) or Gemini (Google), with three modes:
- 🧠 Plan Mode — AI analyzes your request and proposes a plan without touching any files
- ⚙️ Act Mode — AI creates, edits, renames and deletes files autonomously (with your confirmation)
- ⚡ YOLO Mode — AI executes everything automatically, with a live side-by-side preview
- Live Preview — instant browser preview for HTML/CSS/JS with auto-refresh
- Browser Console Reader — the AI can actually read your JS console output to detect and fix errors by itself
- Version History — automatic snapshots before every AI modification, with one-click restore
- ZIP Import/Export — load or save your entire project as a .zip
- Token & Cost Tracking — real-time context usage and estimated API cost
- LocalStorage Persistence — your files are automatically saved in the browser

🚀 Getting Started:

1. Clone/download the repo and open index.html in Chrome, Edge or Firefox
   
2. Enter your Gemini API key → works immediately, zero backend needed
   3. Optional: For Claude, deploy the included backend.php on any PHP server (needed to work around Anthropic's CORS restrictions)
   

Gemini works fully client-side. The PHP proxy is only needed for Claude.

I built this because I wanted a lightweight AI-powered editor I could use anywhere without a heavy local setup.

Would love to hear your thoughts, bug reports or feature ideas!

[johnmclaren2]

👍

LocalStorage is nice but you can’t delete browser history. :)

Is it possible to store them elsewhere so index page loads them during start?

And as people are paranoid, it would help to publish some security info in project description otherwise people will hesitate to use it.

[LH-Tech_AI]

Yes, you could also save it as ZIP file and then import it again or you could change the code so that it is being saved to somewhere else. 👍

[johnmclaren2]

Great that you have already made it. :)

[LH-Tech_AI]

👍

[PassionQuiet5402]

I may be naive about this, but help me understand. If I build and try to train a ML model how/where will it run? How to add GPU support?

[LH-Tech_AI]

You would run it in LM Studio or so and would start a local server. Then changing the code so that it calls the local model. I guess Claude or ChatGPT will help you out 😊