Skip to content

The Code Editor is a web-based application that enables users to write, edit and run code directly in their browser. It leverages react monaco-editor module and piston API to provide a fast and responsive coding experience.

Notifications You must be signed in to change notification settings

anand3417/code-editor-and-compiler

Repository files navigation

Code Editor

Overview

The Code Editor is a web-based application that enables users to write, edit and run code directly in their browser. It leverages modern web technologies to provide a fast and responsive coding experience.

Features

  • Code Editing: Write and edit code with syntax highlighting.
  • Live Preview: See real-time updates of your code output.

Technologies Used

  • Frontend:
    • React
    • Monaco-Editor (React module)
    • Chakra UI

Monaco Editor

The monaco-editor react module is used for the editor

Run npm install monaco-editor to install.

Chakra-UI

Chakra UI is used for styling

API for code output

Piston API is used for running the code and generate output

About

The Code Editor is a web-based application that enables users to write, edit and run code directly in their browser. It leverages react monaco-editor module and piston API to provide a fast and responsive coding experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published