GithubHelp home page GithubHelp logo

suyashvsingh / rce70 Goto Github PK

View Code? Open in Web Editor NEW
12.0 3.0 3.0 1.28 MB

Run your code on the cloud, and it's completely free!

HTML 5.57% JavaScript 89.92% CSS 4.52%
express react docker tailwindcss api-gateway aws-lambda ecr serverless-framework

rce70's Introduction


Logo

Remote Code Executor

About The Project

Product Name Screen Shot

Users can run code on the web without having to install any IDE or text editor. And it's free! The user can also download the code. The app currently supports 5 languages, C++, C, Python, Java and Javascript. The app is hosted on Vercel. The app is also serverless, and uses AWS Lamda to run the code.

Tools Used

Neact Express React Tailwind AWS Vercel Vite React Router

Packages Used

  1. Axios
  2. Monaco Editor
  3. React Hot Toast
  4. React Icons
  5. React Select
  6. React Spinners
  7. js-file-download

Live Demo

https://rce70.vercel.app : Frontend hosted on Vercel, and uses AWS Lamda serverless service

Main Features

  1. Multiple language support

    javascript python c++ c java

  2. There are three text editors, one for the code, one for the input and one for the output

  3. The code can be run using the Run button or Alt + Enter key

  4. The code automatically get saved in the local storage, so that the user can continue from where he left

  5. The user can reset the code using the Reset button

  6. The user can download the code using the Download button

Thought behind the project

  1. Researchers could use a Remote Code Executor app to test the security of different applications or systems, without having to run potentially dangerous code on their own machines.

  2. Developers could use a Remote Code Executor app to quickly test code snippets or entire applications in a controlled environment, without having to set up a local development environment.

  3. A Remote Code Executor app could be useful for teaching coding concepts and techniques, particularly for online courses or tutorials. Students could experiment with different code examples and receive immediate feedback, without having to install anything locally.

Working

  1. The user writes the code in the code editor

  2. The user gives the input in the input editor

  3. The user clicks on the Run button or presses Alt</ kbd> + Enter key

  4. The code is sent to the server.

  5. The server creates a random file name and saves the code and input in the file with the respective extensions.

  6. The server runs the code using the respective compiler or interpreter, with a timeout of 10 seconds.

  7. The server sends the status, data and execution time to the client.

  8. The client displays the output (or error if any) and execution time in the output editor.

Getting Started

Installation through Source Code

  1. Clone the repository

    git clone https://github.com/suyashvsingh/rce70-client.git
  2. Install NPM packages

    npm install
  3. Start the application

    npm run dev
  4. Application will run on PORT 5173

  5. Write the code, and give any input (if required)

  6. Run the code using Run button or Alt + Enter key

Team ๐Ÿ˜ƒ

Made with love by:

  1. Sanket Diwate (2020IMT-031)
  2. Ketan Prakash (2020IMT-044)
  3. Aditya Pote (2020IMT-069)
  4. Suyash Vikram Singh (2020IMT-104)

rce70's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.