A modern web-based code editor built with React and Monaco Editor that provides a feature-rich development environment with syntax highlighting, code completion, and a user-friendly interface.
- 🖥️ Real-time code editing with Monaco Editor
- 🎨 Light/Dark theme support
- 📁 File management system with multi-file support
- 🔄 Resizable panels
- 💻 Integrated terminal with command support
- 🔍 Multiple language support with syntax highlighting
- 🎯 Code execution capabilities
- 📱 Responsive and modern UI with Chakra UI
- React 18
- Vite
- Monaco Editor
- Chakra UI
- Axios
- Framer Motion
- Node.js (version 14 or higher)
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd CodeEditor
- Install dependencies:
npm install
- Start the development server:
npm run dev
npm run dev
- Starts development servernpm run build
- Builds the app for productionnpm run lint
- Runs ESLintnpm run preview
- Preview production build
- Use the file explorer to create, select, and delete files
- Choose from multiple programming languages
- Edit code with full Monaco Editor features
run
- Execute the current fileclear
- Clear the terminalhelp
- Show available commands
- Toggle between light and dark themes using the theme button