ishukhan/codeclause_online_code_editor

"Online code editor with React, Material UI, and CodeMirror. Supports HTML, CSS, and JavaScript."

Online Code Editor

This is an online code editor built with React, Material UI, and CodeMirror. It supports only HTML, CSS, and JavaScript, and allows users to write, edit, and run code in a web browser. The editor offers syntax highlighting, auto-indentation, and code suggestions, making coding easier and faster. The UI is designed with Material UI components, making it easy to customize and integrate into any project. This online code editor is perfect for remote collaboration and testing code snippets.

📓 Tools used

IDE : VS Code

• React
• Material UI
• react-codemirror2

Installation

1. Clone the repository using the following command:
   
   • git clone https://github.com/ishukhan/CodeClause_Online_Code_Editor.git
2. Install dependencies using npm:
   
   • npm install
3. Start the application using the following command:
   
   • npm start

This will start the online code editor on http://localhost:3000.

Usage

1. To start coding, select HTML, CSS, or JavaScript from the dropdown menu in the top right corner of the screen.
2. Write your code in the editor and use the toolbar at the top of the screen to format, run, and save your code.
3. To share your code with others, simply copy the code from the editor and send it to them.

Contributing

If you'd like to contribute to this project, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.

Connect with me