React Code Editor

This is a sample React project that demonstrates how to implement a code editor using CodeMirror in a React application. The code editor supports syntax highlighting and provides a versatile editing experience.

Features

• Syntax highlighting for various programming languages.
• Support for code folding, code completion, and multiple cursors.
• Integration with Chakra-UI component library for a visually appealing UI.
• Debounced API call to update the backend, optimizing performance.

Prerequisites

• Node.js and npm (Node Package Manager) installed on your machine.

Installation

1. Clone this repository to your local machine or download the source code.

2. Open a terminal and navigate to the project's root directory.

3. Install the project dependencies by running the following command:

   yarn install

Usage

1. Start the development server by running the following command:

   yarn start

2. Open your web browser and visit http://localhost:3000 to access the application.

3. The code editor will be displayed, allowing you to write and edit code or markdown text.

Contributing

Contributions to this project are welcome! If you find any issues or want to add new features, feel free to submit a pull request.

License

This project is licensed under the MIT License. Please see the LICENSE file for more details.