A modern web application for writing, executing, and sharing JavaScript code in real-time with a minimalist and elegant interface.
- Monaco Editor with complete JavaScript syntax highlighting
- Line numbers and cursor positioning
- Real-time syntax validation
- Keyboard shortcuts (Ctrl+Enter to execute)
- Professional code editing experience
- Node.js for real-time JavaScript execution
- Real-time output streaming with live results
- Error handling with detailed stack traces
- Execution timeout to prevent infinite loops
- Process isolation for secure code execution
- Responsive design that adapts to any screen size
- Split panel layout (60% editor, 40% output)
- Dark/Light themes with automatic system detection
- Smooth transitions and elegant animations
- Minimalist interface focused on productivity
- Save and share code with unique URLs
- Auto-save in localStorage
- Customizable settings (font, theme, timeout)
- Interactive console with input prompts
- Real-time collaboration ready architecture
- Nuxt 3 - Vue.js framework with SSR
- Vue 3 - Reactive framework with Composition API
- TypeScript - Static typing for enhanced robustness
- Tailwind CSS - Utility-first CSS framework
- Monaco Editor - VS Code's editor for the web
- Socket.io Client - Real-time WebSocket communication
- Nitro - Universal server engine
- Node.js - JavaScript runtime and execution engine
- RESTful APIs - Endpoints for saving and sharing code
- Bun - Ultra-fast runtime and package manager
- Git - Version control
- TypeScript - Type-safe development
- Bun 1.0+ (recommended) or Node.js 20+
- Clone the repository
git clone https://github.com/zkjon/live-js.git
cd live-js- Install dependencies
bun install- Run in development mode
bun run dev- Open in browser
http://localhost:3000
- Write your JavaScript code in the left editor panel
- Use Ctrl+Enter to execute or click the "Run" button
- See real-time results in the right output panel
- Click the "Light Theme" or "Dark Theme" button
- The interface automatically adapts to your preference
- Theme preference is saved locally
- Click "Clear" to reset the editor
- Code is automatically saved in your browser's local storage
- Your work persists between sessions
# Start development server
bun run dev
# Build for production
bun run build
# Preview production build
bun run preview- Initial load time: < 2s
- Code execution: < 100ms (simple code)
- Bundle size: < 500KB (gzipped)
- Real-time communication: WebSocket-based
- Automatic code splitting
- Lazy loading of components
- Tree shaking to eliminate unused code
- Gzip/Brotli compression
- Intelligent asset caching
Security is a top priority for Live JS. For detailed information about our security measures, reporting vulnerabilities, and best practices, please see our Security Policy.
We welcome contributions from the community! Whether you're fixing bugs, adding features, or improving documentation, your help is appreciated.
For detailed information about contributing, including development setup, coding standards, and the pull request process, please see our Contributing Guide.
This project is licensed under the MIT License. See the LICENSE file for details.
- Monaco Editor for the excellent code editor
- Nuxt Team for the incredible framework
- Tailwind CSS for the utility-first styling
- Socket.io for real-time communication
- Open Source Community for the tools and libraries
Have questions or issues?
- 🐛 Issues: GitHub Issues
- 💬 Discussions: GitHub Discussions
- 📖 Documentation: Project Wiki
Live JavaScript coding! ⚡✨