diff --git a/README.md b/README.md index 53f0d9a..cb6756a 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,56 @@ -![CodeInBrowser1](https://github.com/Abhay-Kanwasi/CodeInBrowser/assets/78997764/e21c7c84-489e-4533-af5a-220af228e794) +# 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. +