An online IDE that provides a modern development environment in your browser.
- 🗂️ File Explorer with file/folder management
- 📝 Monaco-powered code editor with syntax highlighting and IntelliSense
↔️ Dock-based layout with draggable and resizable panels- 💻 Interactive terminal with command execution
- 🗄️ In-browser server using WebContainer API
- 💾 Local file storage with IndexedDB persistence
- 📦 Project export/import powered by JSZip
- 🔄 Real-time preview with auto-refresh
- 🌙 Light/Dark theme support
- ⚡ Fast and responsive UI powered by React
- 📑 Templates for bootstrapping new projects
- React 18 with TypeScript
- PrimeReact UI components
- rc-dock for panel layout
- Monaco Editor for advanced code editing
- xterm.js for terminal emulation
- Tailwind CSS for styling
- Vite as the development server and bundler
- PostCSS for CSS processing
- ESLint for code quality and consistency
- SWC for fast builds and transforms
- Clone the repository:
git clone https://github.com/JeremiasVillane/codehaven.git- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open your browser and navigate to
http://localhost:8080