Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-11T17:06:36.000Z (7 months ago)
- Last Synced: 2024-11-20T13:27:54.197Z (3 months 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.git2. Go into directory:
```bash
cd BrowserCodeEditor3. Install dependencies:
```bash
npm install4. 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
#### Language selected and default prompt will appear
## Contributing
Feel free to contribute to this project by submitting issues or pull requests.