https://github.com/abhay-kanwasi/code-in-browser

Web application that allows you to write or run code snippets in various programming languages. Try it out Choose a programming language from the available options: Python, JavaScript, C Sharp, PHP, Java, and TypeScript. Write your code in the editor. Click the "Run Code" button to see the output.
https://github.com/abhay-kanwasi/code-in-browser

code jsx monaco-editor reactjs

Last synced: 12 months ago
JSON representation

Web application that allows you to write or run code snippets in various programming languages. Try it out Choose a programming language from the available options: Python, JavaScript, C Sharp, PHP, Java, and TypeScript. Write your code in the editor. Click the "Run Code" button to see the output.

• Host: GitHub
• URL: https://github.com/abhay-kanwasi/code-in-browser
• Owner: Abhay-Kanwasi
• Created: 2024-02-04T15:13:58.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-11T17:06:36.000Z (over 1 year ago)
• Last Synced: 2025-01-12T22:07:42.709Z (about 1 year ago)
• Topics: code, jsx, monaco-editor, reactjs
• Language: JavaScript
• Homepage: https://browser-code-editor-eight.vercel.app/
• Size: 6.68 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CodeInBrowser

Welcome to CodeInBrowser This web application allows you to write and run code snippets in various programming languages.

## Try it out

1. Choose a programming language from the available options: Python, JavaScript, C Sharp, PHP, Java, and TypeScript.

2. Write your code in the editor.

3. Click the "Run Code" button to see the output.

## Tech Stack

- React

- Chakra UI

- Monaco Editor

## Usage

This project uses React, Chakra UI, and Monaco Editor to create a code playground where users can experiment with different programming languages.

## How to Run Locally

1. Clone the repository:

   ```bash

   git clone https://github.com/your-username/your-repo.git

2. Go into directory:

   

   ```bash

   cd BrowserCodeEditor

3. Install dependencies:

   

   ```bash

    npm install

4. Start the development server:

   

   ```bash

   npm start




The application will be accessible at http://localhost:3000.




## Look like this at the end

#### Can select multiple languages

![CodeInBrowser2](https://github.com/Abhay-Kanwasi/CodeInBrowser/assets/78997764/4c2c1d4d-133a-4fa6-9cde-a4f9c512096c)

#### Language selected and default prompt will appear

![CodeInBrowser1](https://github.com/Abhay-Kanwasi/CodeInBrowser/assets/78997764/e21c7c84-489e-4533-af5a-220af228e794)

## Contributing

Feel free to contribute to this project by submitting issues or pull requests.