This is an online code editor built with React, Chakra UI, and the Monaco Editor. It allows users to write, edit, and execute code in various programming languages directly in their web browser.
- Code Editor: A powerful code editor powered by the Monaco Editor, providing a rich editing experience with syntax highlighting, code folding, and other advanced features.
- Language Support: Support for multiple programming languages, including JavaScript, Python, Java, C++, and more.
- Real-Time Execution: Execute code directly in the browser and see the output in real-time.
- Code Formatting: Automatically format code with a single click, following best coding practices and conventions.
- File Management: Create, open, save, and manage code files within the editor.
- Responsive Design: The editor is fully responsive and works seamlessly across different devices and screen sizes.
- React: A JavaScript library for building user interfaces.
- Chakra UI: A simple, modular, and accessible component library for React.
- Monaco Editor: A code editor component for React, powered by the Monaco Editor from Microsoft.
- Axios: A popular library for making HTTP requests from the browser.
- Framer Motion: A production-ready motion library for React.
- Clone the repository:
git clone https://github.com/username/online-code-editor.git - Navigate to the project directory:
cd online-code-editor - Install dependencies:
npm install
- Start the development server:
npm run dev - Open your web browser and navigate to
http://localhost:5173 - Start coding in the editor!
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License.